PageSourceSearch

https://money-charger.com/

html money-charger.com collected 2026-10-08 10:36:00 UTC 298,033 bytes, 4,881 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <!-- ============================================================
5       Google Tag Manager (Primary)
6  ============================================================ -->
7  
7<script>
vendor: 335 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11  })(window,document,'script','dataLayer','
11GTM-NWBTSC5K
vendor: 3 bytes, line 11
11');
11</script>
11
12
13  <!-- ============================================================
14       Google Analytics (GA4)
15  ============================================================ -->
vendor: 66 bytes, lines 15-16
15
16  <script async src="https://www.googletagmanager.com/gtag/js?id=
16G-DSNTLD15MS
vendor: 14 bytes, lines 16-17
16"></script>
17  
17<script>
18    
vendor: 139 bytes, lines 18-21
18window.dataLayer = window.dataLayer || [];
19    function gtag(){dataLayer.push(arguments);}
20    gtag('js', new Date());
21    gtag('config', '
21G-DSNTLD15MS
vendor: 6 bytes, lines 21-22
21');
22  
22</script>
22
23
24  
25  <meta charset="UTF-8">
26  <meta name="format-detection" content="telephone=no, email=no, address=no">
27  <meta name="viewport" content="width=device-width, initial-scale=1.0">
28
29  
30  <!-- ============================================================
31       Fonts
32  ============================================================ -->
33  <link rel="preconnect" href="https://fonts.googleapis.com">
34  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
35    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons&#038;display=block" media="print" onload="this.media=&#039;all&#039;;if(document.fonts&amp;&amp;document.fonts.ready){document.fonts.ready.then(function(){window.dispatchEvent(new Event(&#039;resize&#039;));});}">
36<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons&#038;display=block"></noscript>
37<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&#038;family=Roboto:wght@300;400;500;700;900&#038;display=swap" media="print" onload="this.media=&#039;all&#039;;if(document.fonts&amp;&amp;document.fonts.ready){document.fonts.ready.then(function(){window.dispatchEvent(new Event(&#039;resize&#039;));});}">
38<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&#038;family=Roboto:wght@300;400;500;700;900&#038;display=swap"></noscript>
39
40  
41  <!-- ============================================================
42       Existing site CSS (kept for page content outside header)
43  ============================================================ -->
44    <link rel="stylesheet" href="https://money-charger.com/wp-content/themes/wp-mc/common/css/all.css?1788252593">
45  <link rel="stylesheet" href="/css/style.css?1776484933">
46    <link rel="stylesheet" href="https://money-charger.com/wp-content/themes/wp-mc/style.css?1788334909">
47
48    <link rel="preload" as="image" href="https://money-charger.com/wp-content/themes/wp-mc/assets/home/hero-bg.webp" fetchpriority="high">
49    <link rel="preload" as="image" href="https://money-charger.com/wp-content/themes/wp-mc/assets/home/hero-cat.webp">
50  
51  <link rel="apple-touch-icon" sizes="192x192" href="/common/img/app-icon.png">
52  <link rel="shortcut icon" href="/favicon.ico">
53
54    <link rel="stylesheet" href="https://money-charger.com/wp-content/themes/wp-mc/assets/tailwind/tailwind.css?1788432821">
55
56  <!-- ============================================================
57       CSS ISOLATION — v4 (完全修正版)
58  ============================================================ -->
59  <style>
60    /* ================================================================
61       LAYER 0: .layout-container の padding-top 除去
62    ================================================================ */
63    .layout-container {
64      padding-top: 0 !important;
65    }
66
67    /* ================================================================
68       LAYER 0.5: 白い帯を消す(TASK-056 / 2026-09-03 naoko指摘)
69
70       下の8ページは、本文に「1枚の完成したHTML」がそのまま貼ってある。
71       中の帯(セクション)は自分で背景色を持っているが、
72       **帯と帯のあいだの区切り**(▼が入っている所など)は背景を持っていない。
73       ページの土台にも背景色の指定が無いので、そこだけ**ブラウザ標準の白**が出ていた。
74
75       例: https://money-charger.com/affiliate-switch/ の上から500px付近。
76       上下どちらのセクションも #1A1A1A なので、あいだだけ白い帯になっていた。
77
78       ★この白い帯は前からあったもので、Tailwindの読み込みを変えた件とは無関係。
79         直す前と直したあとの本番を機械で突き合わせて、同じ場所に同じ白帯が出ることを確認済み。
80
81       土台に同じ黒を敷いて、隙間から白が出ないようにする。
82       背景を自分で持っている帯(白いセクションを含む)には影響しない。
83    ================================================================ */
84    body.page-id-17523,   /* https://money-charger.com/ranking/ */
85    body.page-id-16838,   /* https://money-charger.com/company/ */
86    body.page-id-195,     /* https://money-charger.com/company2/ */
87    body.page-id-16937,   /* https://money-charger.com/ea-ranking/ */
88    body.page-id-207,     /* https://money-charger.com/ea-guide/ */
89    body.page-id-16991,   /* https://money-charger.com/auto-trading/ */
90    body.page-id-17012,   /* https://money-charger.com/affiliate-switch/ */
91    body.postid-16717 {   /* https://money-charger.com/lp/affiliate/ */
92      background-color: #1A1A1A;
93    }
94
95    /* ================================================================
96       LAYER 1: 全子要素の box-sizing 統一
97    ================================================================ */
98    #mc-header,  #mc-header *,
99    #mc-sp-overlay, #mc-sp-overlay *,
100    .mc-nav-overlay, .mc-nav-overlay * {
101      box-sizing: border-box !important;
102    }
103
104    /* ================================================================
105       LAYER 2: ヘッダー本体のベーススタイル(全プロパティ明示)
106    ================================================================ */
107    #mc-header {
108      display: flex !important;
109      align-items: center !important;
110      justify-content: space-between !important;
111      position: relative !important;
112      width: 100% !important;
113      height: 56px !important;
114      padding: 0 24px !important;
115      margin: 0 !important;
116      background-color: #0B0B0B !important;
117      border-bottom: 1px solid rgba(255,255,255,0.09) !important;
118      border-top: none !important;
119      border-left: none !important;
120      border-right: none !important;
121      color: #ffffff !important;
122      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif !important;
123      font-size: 14px !important;
124      font-weight: 400 !important;
125      line-height: 1.5 !important;
126      letter-spacing: normal !important;
127      -webkit-font-smoothing: antialiased !important;
128      z-index: 100 !important;
129      overflow: visible !important;
130    }
131    @media (min-width: 1024px) {
132      #mc-header { height: 72px !important; padding: 0 40px !important; }
133    }
134
135    /* ── 左グループ: ロゴ + ナビ ── */
136    #mc-pc-left {
137      display: none !important;
138      align-items: center !important;
139      gap: 0 !important;
140      flex-shrink: 0 !important;
141    }
142    @media (min-width: 1024px) {
143      #mc-pc-left { display: flex !important; }
144    }
145
146    /* ── 右グループ: 言語・ログイン・登録 ── */
147    #mc-pc-right {
148      display: none !important;
149      align-items: center !important;
150      gap: 0 !important;
151      flex-shrink: 0 !important;
152    }
153    @media (min-width: 1024px) {
154      #mc-pc-right { display: flex !important; }
155    }
156
157    #mc-sp-overlay {
158      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif !important;
159      font-size: 14px !important;
160      font-weight: 400 !important;
161      line-height: 1.5 !important;
162      color: #ffffff !important;
163      -webkit-font-smoothing: antialiased !important;
164    }
165    #mc-sp-panel {
166      background-color: #0B0B0B !important;
167      color: #ffffff !important;
168      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif !important;
169      font-size: 14px !important;
170      font-weight: 400 !important;
171    }
172    .mc-nav-overlay {
173      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif !important;
174      background-color: #0B0B0B !important;
175      color: #ffffff !important;
176      font-size: 14px !important;
177      font-weight: 400 !important;
178      line-height: 1.5 !important;
179    }
180
181    /* ================================================================
182       LAYER 3: font-size 問題の修正
183    ================================================================ */
184    #mc-header button,
185    #mc-header input,
186    #mc-header select,
187    #mc-sp-panel button,
188    #mc-sp-panel input,
189    #mc-sp-panel select {
190      font-size: 14px !important;
191      line-height: 1.5 !important;
192      letter-spacing: normal !important;
193    }
194    #mc-header,
195    #mc-header *,
196    .mc-nav-overlay,
197    .mc-nav-overlay *,
198    #mc-sp-panel,
199    #mc-sp-panel * {
200      text-align: left !important;
201    }
202
203    /* ================================================================
204       LAYER 4: display プロパティの強制
205    ================================================================ */
206    #mc-header .mc-flex,
207    #mc-header nav,
208    .mc-nav-overlay .mc-flex,
209    #mc-sp-panel .mc-flex { display: flex !important; }
210
211    #mc-header .mc-inline-flex,
212    .mc-nav-overlay .mc-inline-flex,
213    #mc-sp-panel .mc-inline-flex { display: inline-flex !important; }
214
215    #mc-header .mc-hidden { display: none !important; }
216
217    #mc-header .mc-block,
218    #mc-sp-panel .mc-block { display: block !important; }
219
220    #mc-header .mc-grid,
221    .mc-nav-overlay .mc-grid,
222    #mc-sp-panel .mc-grid { display: grid !important; }
223
224    /* ================================================================
225       LAYER 5: a タグの完全リセット
226    ================================================================ */
227    #mc-header a,
228    .mc-nav-overlay a,
229    #mc-sp-panel a {
230      text-decoration: none !important;
231      background-color: transparent !important;
232      background-image: none !important;
233      outline: none !important;
234      color: inherit !important;
235    }
236    #mc-sp-panel a::before, #mc-sp-panel a::after {
237      content: none !important;
238      display: none !important;
239    }
240    #mc-header a:hover, #mc-header a:focus, #mc-header a:visited,
241    .mc-nav-overlay a:hover, .mc-nav-overlay a:focus, .mc-nav-overlay a:visited,
242    #mc-sp-panel a:hover, #mc-sp-panel a:focus, #mc-sp-panel a:visited {
243      text-decoration: none !important;
244      outline: none !important;
245      background-image: none !important;
246    }
247
248    /* ================================================================
249       LAYER 6: button リセット
250    ================================================================ */
251    #mc-header button,
252    #mc-sp-panel button {
253      -webkit-appearance: none !important;
254      appearance: none !important;
255      background: transparent !important;
256      border: none !important;
257      padding: 0 !important;
258      margin: 0 !important;
259      color: inherit !important;
260      cursor: pointer !important;
261      outline: none !important;
262      vertical-align: middle !important;
263    }
264    #mc-header button::before, #mc-header button::after,
265    #mc-sp-panel button::before, #mc-sp-panel button::after {
266      content: none !important;
267      display: none !important;
268    }
269
270    /* ================================================================
271       LAYER 7: h1~h3 / ul / li / img / svg リセット
272    ================================================================ */
273    #mc-header h1, #mc-header h2, #mc-header h3,
274    #mc-sp-panel h1, #mc-sp-panel h2 {
275      margin: 0 !important;
276      padding: 0 !important;
277      color: inherit !important;
278      border: none !important;
279      background: none !important;
280    }
281    #mc-header h1 { display: flex !important; align-items: center !important; }
282
283    #mc-header ul, #mc-header li,
284    #mc-sp-panel ul, #mc-sp-panel li {
285      list-style: none !important;
286      list-style-image: none !important;
287      margin: 0 !important;
288      padding: 0 !important;
289      border: none !important;
290      background: none !important;
291    }
292
293    #mc-header img, #mc-sp-panel img {
294      max-width: none !important;
295      width: auto !important;
296      border: none !important;
297      padding: 0 !important;
298      margin: 0 !important;
299      vertical-align: middle !important;
300      display: inline-block !important;
301    }
302
303    #mc-header svg, .mc-nav-overlay svg, #mc-sp-panel svg {
304      overflow: visible !important;
305      vertical-align: middle !important;
306      flex-shrink: 0 !important;
307    }
308
309    /* ================================================================
310       LAYER 8: span / p / div のグローバルスタイル除去
311    ================================================================ */
312    #mc-header span, #mc-header p, #mc-header nav,
313    .mc-nav-overlay span, .mc-nav-overlay p,
314    #mc-sp-panel span, #mc-sp-panel p {
315      margin: 0 !important;
316      padding: 0 !important;
317      border: none !important;
318      color: inherit !important;
319    }
320
321    /* ================================================================
322       LAYER 9: PC ナビリンク・ボタン共通スタイル
323    ================================================================ */
324    #mc-header .mc-nav-link,
325    #mc-header nav > a {
326      display: inline-flex !important;
327      align-items: center !important;
328      gap: 4px !important;
329      padding: 8px 12px !important;
330      font-size: 14px !important;
331      font-weight: 500 !important;
332      color: #ffffff !important;
333      white-space: nowrap !important;
334      cursor: pointer !important;
335      border-radius: 6px !important;
336      transition: color 0.2s ease-out !important;
337      background: transparent !important;
338      border: none !important;
339      text-decoration: none !important;
340    }
341    #mc-header .mc-nav-link:hover,
342    #mc-header nav > a:hover {
343      color: #FACC15 !important;
344    }
345    #mc-header .mc-nav-chevron {
346      transition: transform 0.2s ease-out !important;
347      flex-shrink: 0 !important;
348    }
349
350    /* ================================================================
351       LAYER 10: ログイン・登録ボタン
352    ================================================================ */
353    #mc-header .mc-btn-login,
354    #mc-header .mc-btn-register {
355      display: inline-flex !important;
356      align-items: center !important;
357      justify-content: center !important;
358      gap: 6px !important;
359      padding: 7px 18px !important;
360      margin: 0 !important;
361      border-radius: 7px !important;
362      font-size: 14px !important;
363      font-weight: 500 !important;
364      line-height: 1.5 !important;
365      white-space: nowrap !important;
366      text-decoration: none !important;
367      vertical-align: middle !important;
368      max-width: none !important;
369      cursor: pointer !important;
370      transition: background-color 0.2s ease-out, color 0.2s ease-out !important;
371    }
372    #mc-header .mc-btn-login::before, #mc-header .mc-btn-login::after,
373    #mc-header .mc-btn-register::before, #mc-header .mc-btn-register::after {
374      content: none !important; display: none !important;
375    }
376    #mc-header .mc-btn-login {
377      background-color: transparent !important;
378      color: #ffffff !important;
379      border: 1px solid #ffffff !important;
380      margin-left: 8px !important;
381    }
382    #mc-header .mc-btn-login:hover {
383      background-color: #ffffff !important;
384      color: #000000 !important;
385    }
386    #mc-header .mc-btn-register {
387      display: inline-flex !important;
388      align-items: center !important;
389      justify-content: center !important;
390      gap: 0 !important;
391      padding: 7px 20px !important;
392      margin: 0 !important;
393      border-radius: 7px !important;
394      font-size: 14px !important;
395      font-weight: 700 !important;
396      line-height: 1.5 !important;
397      white-space: nowrap !important;
398      text-decoration: none !important;
399      vertical-align: middle !important;
400      max-width: none !important;
401      cursor: pointer !important;
402      background-color: #FACC15 !important;
403      color: #000000 !important;
404      border: none !important;
405      margin-left: 6px !important;
406      transition: background-color 0.2s ease-out !important;
407    }
408    #mc-header .mc-btn-register:hover {
409      background-color: #EAB308 !important;
410      color: #000000 !important;
411    }
412
413    /* SP CTA ボタン */
414    #mc-sp-panel .mc-sp-btn-login,
415    #mc-sp-panel .mc-sp-btn-register {
416      display: flex !important;
417      align-items: center !important;
418      justify-content: center !important;
419      gap: 6px !important;
420      width: 100% !important;
421      padding: 12px !important;
422      border-radius: 7px !important;
423      font-size: 14px !important;
424      text-decoration: none !important;
425      max-width: none !important;
426      cursor: pointer !important;
427    }
428    #mc-sp-panel .mc-sp-btn-login::before, #mc-sp-panel .mc-sp-btn-login::after,
429    #mc-sp-panel .mc-sp-btn-register::before, #mc-sp-panel .mc-sp-btn-register::after {
430      content: none !important; display: none !important;
431    }
432    #mc-sp-panel .mc-sp-btn-login {
433      background-color: transparent !important;
434      color: #ffffff !important;
435      border: 1px solid #ffffff !important;
436      font-weight: 500 !important;
437    }
438    #mc-sp-panel .mc-sp-btn-register {
439      background-color: #FACC15 !important;
440      color: #000000 !important;
441      border: none !important;
442      font-weight: 700 !important;
443    }
444
445    /* ================================================================
446       LAYER 11: PC オーバーレイ内コンポーネント
447    ================================================================ */
448    #mc-header .mc-nav-overlay {
449      text-align: left !important;
450    }
451
452    #mc-header .mc-nav-overlay .mc-card {
453      display: flex !important;
454      align-items: flex-start !important;
455      gap: 16px !important;
456      padding: 14px 12px !important;
457      border-radius: 12px !important;
458      cursor: pointer !important;
459      margin-bottom: 4px !important;
460      text-decoration: none !important;
461      color: #ffffff !important;
462      background-color: transparent !important;
463      transition: background-color 0.2s ease-out, transform 0.2s ease-out !important;
464      text-align: left !important;
465    }
466    #mc-header .mc-nav-overlay .mc-card:hover {
467      background-color: #1A1A1A !important;
468      transform: translateY(-2px) !important;
469    }
470
471    #mc-header .mc-nav-overlay .mc-card-icon {
472      display: flex !important;
473      align-items: center !important;
474      justify-content: center !important;
475      width: 48px !important;
476      height: 48px !important;
477      min-width: 48px !important;
478      border-radius: 10px !important;
479      background-color: rgba(255,255,255,0.04) !important;
480      flex-shrink: 0 !important;
481      color: #FACC15 !important;
482      overflow: hidden !important;
483      transition: background-color 0.2s ease-out !important;
484    }
485    #mc-header .mc-nav-overlay .mc-card-icon img {
486      width: 100% !important;
487      height: 100% !important;
488      object-fit: contain !important;
489      display: block !important;
490      max-width: none !important;
491      border-radius: 10px !important;
492    }
493    #mc-header .mc-nav-overlay .mc-card:hover .mc-card-icon {
494      background-color: rgba(250,204,21,0.1) !important;
495    }
496
497    #mc-header .mc-nav-overlay .mc-card-body {
498      display: flex !important;
499      flex-direction: column !important;
500      gap: 4px !important;
501      padding-top: 2px !important;
502      text-align: left !important;
503    }
504    #mc-header .mc-nav-overlay .mc-card-title {
505      display: block !important;
506      font-size: 15px !important;
507      font-weight: 700 !important;
508      color: #ffffff !important;
509      text-align: left !important;
510      transition: color 0.2s ease-out !important;
511    }
512    #mc-header .mc-nav-overlay .mc-card:hover .mc-card-title {
513      color: #FACC15 !important;
514    }
515    #mc-header .mc-nav-overlay .mc-card-desc {
516      display: block !important;
517      font-size: 13px !important;
518      color: #9CA3AF !important;
519      line-height: 1.5 !important;
520      text-align: left !important;
521    }
522
523    #mc-header .mc-nav-overlay .mc-badge {
524      display: inline-flex !important;
525      align-items: center !important;
526      padding: 2px 8px !important;
527      border-radius: 4px !important;
528      font-size: 10px !important;
529      font-weight: 700 !important;
530      letter-spacing: 0.04em !important;
531      line-height: 1.7 !important;
532      white-space: nowrap !important;
533    }
534    #mc-header .mc-nav-overlay .mc-badge-green  { background-color: #064E3B !important; color: #10B981 !important; }
535    #mc-header .mc-nav-overlay .mc-badge-gray   { background-color: #374151 !important; color: #D1D5DB !important; }
536    #mc-header .mc-nav-overlay .mc-badge-yellow { background-color: #78350F !important; color: #FACC15 !important; }
537
538    #mc-header .mc-nav-overlay .mc-col-title {
539      display: block !important;
540      font-size: 13px !important;
541      font-weight: 700 !important;
542      color: #FACC15 !important;
543      margin-bottom: 10px !important;
544      letter-spacing: 0.04em !important;
545      text-align: left !important;
546    }
547
548    /* ── ブローカーボタングリッド(画像ボタン対応) ── */
549    #mc-header .mc-nav-overlay .mc-broker-btn {
550      display: flex !important;
551      align-items: center !important;
552      justify-content: center !important;
553      padding: 6px 8px !important;
554      border-radius: 8px !important;
555      border: 1px solid rgba(255,255,255,0.14) !important;
556      background-color: #1A1A1A !important;
557      color: #ffffff !important;
558      font-size: 13px !important;
559      font-weight: 600 !important;
560      cursor: pointer !important;
561      white-space: nowrap !important;
562      text-decoration: none !important;
563      transition: background-color 0.2s ease-out, border-color 0.2s ease-out !important;
564    }
565    #mc-header .mc-nav-overlay .mc-broker-btn:hover {
566      background-color: #2A2A2A !important;
567      border-color: rgba(255,255,255,0.3) !important;
568      color: #ffffff !important;
569    }
570    /* 画像ボタン内のimgリセット */
571    #mc-header .mc-nav-overlay .mc-broker-btn img {
572      width: 100% !important;
573      height: 40px !important;
574      object-fit: contain !important;
575      display: block !important;
576      max-width: none !important;
577      border: none !important;
578      padding: 0 !important;
579      margin: 0 !important;
580    }
581
582    #mc-header .mc-nav-overlay .mc-all-link {
583      display: inline-flex !important;
584      align-items: center !important;
585      gap: 5px !important;
586      font-size: 13px !important;
587      font-weight: 600 !important;
588      color: #00D497 !important;
589      text-decoration: none !important;
590      transition: opacity 0.2s ease-out !important;
591    }
592    #mc-header .mc-nav-overlay .mc-all-link:hover { opacity: 0.7 !important; color: #00D497 !important; }
593
594    #mc-header .mc-nav-overlay .mc-footer-link {
595      display: inline-flex !important;
596      align-items: center !important;
597      gap: 6px !important;
598      font-size: 13px !important;
599      font-weight: 600 !important;
600      color: rgba(255,255,255,0.5) !important;
601      text-decoration: none !important;
602      transition: color 0.2s ease-out !important;
603    }
604    #mc-header .mc-nav-overlay .mc-footer-link:hover { color: #FACC15 !important; }
605
606    #mc-header .mc-nav-overlay .mc-col-divider {
607      height: 2px !important;
608      background-color: #FACC15 !important;
609      border-radius: 1px !important;
610      margin-bottom: 18px !important;
611    }
612
613    select {
614      font-size: 14px !important;
615      font-family: inherit !important;
616      pointer-events: auto !important;
617      cursor: pointer !important;
618      color: #ffffff !important;
619      background: transparent !important;
620    }
621
622    /* ================================================================
623       LAYER 12: position / z-index
624    ================================================================ */
625    #mc-header .mc-relative { position: relative !important; }
626    #mc-header .mc-absolute { position: absolute !important; }
627    #mc-sp-overlay { position: fixed !important; z-index: 500 !important; }
628    .mc-nav-overlay { position: absolute !important; z-index: 300 !important; }
629    .mc-nav-item { position: relative !important; }
630
631    /* ================================================================
632       LAYER 13: カラー補強
633    ================================================================ */
634    #mc-header .mc-text-white,
635    .mc-nav-overlay .mc-text-white,
636    #mc-sp-panel .mc-text-white  { color: #ffffff !important; }
637
638    #mc-header .mc-text-black,
639    .mc-nav-overlay .mc-text-black,
640    #mc-sp-panel .mc-text-black  { color: #000000 !important; }
641
642    #mc-header .mc-text-accent,
643    .mc-nav-overlay .mc-text-accent,
644    #mc-sp-panel .mc-text-accent { color: #FACC15 !important; }
645
646    #mc-header .mc-text-teal,
647    .mc-nav-overlay .mc-text-teal { color: #00D497 !important; }
648
649    #mc-header .mc-text-gray,
650    .mc-nav-overlay .mc-text-gray { color: #9CA3AF !important; }
651
652    #mc-header .mc-text-muted,
653    .mc-nav-overlay .mc-text-muted { color: rgba(255,255,255,0.5) !important; }
654
655    #mc-header .mc-bg-dark,
656    .mc-nav-overlay { background-color: #0B0B0B !important; }
657
658    #mc-header .mc-bg-accent,
659    .mc-nav-overlay .mc-bg-accent,
660    #mc-sp-panel .mc-bg-accent { background-color: #FACC15 !important; }
661
662    /* ================================================================
663       SP パネル専用コンポーネント
664    ================================================================ */
665    #mc-sp-panel .mc-sp-nav-link {
666      display: flex !important;
667      align-items: center !important;
668      justify-content: space-between !important;
669      padding: 15px 20px !important;
670      font-size: 15px !important;
671      font-weight: 500 !important;
672      color: #ffffff !important;
673      border-bottom: 1px solid rgba(255,255,255,0.09) !important;
674      text-decoration: none !important;
675      transition: color 0.2s !important;
676      background: transparent !important;
677      margin: 0 !important;
678    }
679    #mc-sp-panel .mc-sp-nav-link:hover { color: #FACC15 !important; }
680
681    #mc-sp-panel .mc-sp-acc-trigger {
682      display: flex !important;
683      align-items: center !important;
684      justify-content: space-between !important;
685      padding: 15px 20px !important;
686      font-size: 15px !important;
687      font-weight: 500 !important;
688      color: #ffffff !important;
689      border-bottom: 1px solid rgba(255,255,255,0.09) !important;
690      cursor: pointer !important;
691      user-select: none !important;
692      transition: color 0.2s !important;
693      background: transparent !important;
694      margin: 0 !important;
695    }
696    #mc-sp-panel .mc-sp-acc-trigger:hover { color: #FACC15 !important; }
697
698    #mc-sp-panel .mc-sp-btn-register {
699      display: flex !important;
700      align-items: center !important;
701      justify-content: center !important;
702      gap: 6px !important;
703      width: 100% !important;
704      padding: 11px 18px !important;
705      background-color: #FACC15 !important;
706      color: #000000 !important;
707      border: none !important;
708      border-radius: 7px !important;
709      font-size: 14px !important;
710      font-weight: 700 !important;
711      text-decoration: none !important;
712      cursor: pointer !important;
713      max-width: none !important;
714      margin: 0 !important;
715      transition: background-color 0.2s !important;
716    }
717    #mc-sp-panel .mc-sp-btn-register::before,
718    #mc-sp-panel .mc-sp-btn-register::after { content: none !important; display: none !important; }
719    #mc-sp-panel .mc-sp-btn-register:hover { background-color: #EAB308 !important; color: #000000 !important; }
720
721    #mc-sp-panel .mc-sp-btn-login {
722      display: flex !important;
723      align-items: center !important;
724      justify-content: center !important;
725      gap: 6px !important;
726      width: 100% !important;
727      padding: 9px 18px !important;
728      background-color: transparent !important;
729      color: #ffffff !important;
730      border: 1px solid rgba(255,255,255,0.5) !important;
731      border-radius: 7px !important;
732      font-size: 14px !important;
733      font-weight: 500 !important;
734      text-decoration: none !important;
735      cursor: pointer !important;
736      max-width: none !important;
737      margin: 0 !important;
738      transition: background-color 0.2s, color 0.2s !important;
739    }
740    #mc-sp-panel .mc-sp-btn-login::before,
741    #mc-sp-panel .mc-sp-btn-login::after { content: none !important; display: none !important; }
742    #mc-sp-panel .mc-sp-btn-login:hover { background-color: #ffffff !important; color: #000000 !important; }
743
744    /* ── SP ブローカーボタン(画像ボタン対応)── */
745    #mc-sp-panel .mc-sp-broker-btn {
746      display: flex !important;
747      align-items: center !important;
748      justify-content: center !important;
749      padding: 6px 4px !important;
750      border-radius: 7px !important;
751      border: 1px solid rgba(255,255,255,0.14) !important;
752      background-color: #FFFFFF !important;
753      color: #ffffff !important;
754      font-size: 12px !important;
755      font-weight: 600 !important;
756      text-decoration: none !important;
757      cursor: pointer !important;
758      transition: background-color 0.2s, border-color 0.2s !important;
759      margin: 0 !important;
760    }
761    #mc-sp-panel .mc-sp-broker-btn:hover {
762      background-color: #EFEFEF !important;
763      border-color: rgba(255,255,255,0.3) !important;
764      color: #ffffff !important;
765    }
766    /* 画像ボタン内のimgリセット */
767    #mc-sp-panel .mc-sp-broker-btn img {
768      width: 100% !important;
769      height: 32px !important;
770      object-fit: contain !important;
771      display: block !important;
772      max-width: none !important;
773      border: none !important;
774      padding: 0 !important;
775      margin: 0 !important;
776    }
777
778    /* sp-card */
779    .mc-sp-card {
780      display: flex !important;
781      align-items: flex-start !important;
782      gap: 12px !important;
783      padding: 10px 8px !important;
784      border-radius: 10px !important;
785      cursor: pointer !important;
786      transition: background-color 0.2s !important;
787      margin-bottom: 4px !important;
788      text-decoration: none !important;
789      color: #ffffff !important;
790      background-color: transparent !important;
791    }
792    .mc-sp-card:hover { background-color: rgba(255,255,255,0.05) !important; }
793    .mc-sp-card-icon {
794      display: flex !important;
795      align-items: center !important;
796      justify-content: center !important;
797      width: 40px !important;
798      height: 40px !important;
799      border-radius: 8px !important;
800      background-color: rgba(255,255,255,0.04) !important;
801      flex-shrink: 0 !important;
802      overflow: hidden !important;
803    }
804    .mc-sp-card-icon img {
805      width: 40px !important;
806      height: 40px !important;
807      object-fit: cover !important;
808      display: block !important;
809      border-radius: 8px !important;
810    }
811    .mc-sp-card-title {
812      font-size: 14px !important;
813      font-weight: 700 !important;
814      color: #ffffff !important;
815      transition: color 0.2s !important;
816      line-height: 1.4 !important;
817    }
818    .mc-sp-card:hover .mc-sp-card-title { color: #FACC15 !important; }
819    .mc-sp-card-desc {
820      font-size: 11px !important;
821      color: #9CA3AF !important;
822      margin-top: 2px !important;
823      line-height: 1.4 !important;
824    }
825    .mc-sp-strategy {
826      display: flex !important;
827      align-items: flex-start !important;
828      gap: 12px !important;
829      padding: 10px 8px !important;
830      border-radius: 10px !important;
831      cursor: pointer !important;
832      transition: background-color 0.2s !important;
833      margin-bottom: 4px !important;
834      text-decoration: none !important;
835      color: #ffffff !important;
836      background-color: transparent !important;
837    }
838    .mc-sp-strategy:hover { background-color: rgba(255,255,255,0.05) !important; }
839    .mc-sp-strategy-title {
840      font-size: 14px !important;
841      font-weight: 700 !important;
842      color: #ffffff !important;
843      transition: color 0.2s !important;
844    }
845    .mc-sp-strategy:hover .mc-sp-strategy-title { color: #FACC15 !important; }
846    .mc-sp-strategy-meta {
847      font-size: 11px !important;
848      color: #9CA3AF !important;
849    }
850    #mc-sp-panel .mc-badge-green  { background-color: #064E3B !important; color: #10B981 !important; }
851    #mc-sp-panel .mc-badge-gray   { background-color: #374151 !important; color: #D1D5DB !important; }
852    #mc-sp-panel .mc-badge-yellow { background-color: #78350F !important; color: #FACC15 !important; }
853  </style>
854
855  <!-- ============================================================
856       Keep URL Parameters across internal links
857  ============================================================ -->
858  
858<script>
859    document.addEventListener('DOMContentLoaded', () => {
860      const currentUrlParams = new URLSearchParams(window.location.search);
861      // 'ref' はここでは扱わない(common/js/ref-tracker.js が検証つきで一元管理)
862      const allowedCarryParams = new Set([
863        'utm_source',
864        'utm_medium',
865        'utm_campaign',
866        'utm_term',
867        'utm_content',
868        'gclid',
869        'fbclid',
870        'msclkid'
871      ]);
872      document.querySelectorAll('a').forEach(link => {
873        try {
874          const linkUrl = new URL(link.href);
875          if (linkUrl.hostname === window.location.hostname || linkUrl.hostname === 'portal.money-charger.com') {
876            currentUrlParams.forEach((value, key) => {
877              if (allowedCarryParams.has(key.toLowerCase()) && !linkUrl.searchParams.has(key)) {
878                linkUrl.searchParams.set(key, value);
879              }
880            });
881            link.href = linkUrl.toString();
882          }
883        } catch(e) {}
884      });
885    });
886  </script>
886
887
888  <!-- ============================================================
889       Conditional: Google Ads page — extra GTM
890  ============================================================ -->
891  
892  <!-- ============================================================
893       Conditional: Meta Pixel (specific pages)
894  ============================================================ -->
895    
895<script>
vendor: 408 bytes, lines 895-899
895
896    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};
897    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
898    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
899    fbq('init','
899973591981646947
vendor: 30 bytes, lines 899-900
899');fbq('track','PageView');
900  
900</script>
900
901  <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=973591981646947&ev=PageView&noscript=1"/></noscript>
902  
903  
904  
905  <!-- Conditional PageView fire (CPC / ad traffic) -->
906  
906<script>
907    document.addEventListener('DOMContentLoaded', () => {
908      const utmMedium = (new URLSearchParams(window.location.search).get('utm_medium') || '').toLowerCase();
909      if ((utmMedium === 'cpc' || utmMedium === 'ad') && typeof fbq !== 'undefined') {
910        fbq('track', 'PageView');
911      }
912    });
913  </script>
913
914
915  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
916
917	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
918	<title>海外FXキャッシュバックサービスならマネチャ(Money Charger)</title>
919	<meta name="description" content="マネチャ(Money Charger) は海外FXキャッシュバックサービスで業界最高のキャッシュバック率と業界最速の出金スピードを誇ります。登録するだけで海外FXで取引したコストが還元され、現金で受け取ることが可能です。お得に海外FXを利用するならマネチャ(Money Charger) に登録しましょう!" />
920	<link rel="canonical" href="https://money-charger.com/" />
921	<meta property="og:locale" content="ja_JP" />
922	<meta property="og:type" content="website" />
923	<meta property="og:title" content="海外FXキャッシュバックサービスならマネチャ(Money Charger)" />
924	<meta property="og:description" content="マネチャ(Money Charger) は海外FXキャッシュバックサービスで業界最高のキャッシュバック率と業界最速の出金スピードを誇ります。登録するだけで海外FXで取引したコストが還元され、現金で受け取ることが可能です。お得に海外FXを利用するならマネチャ(Money Charger) に登録しましょう!" />
925	<meta property="og:url" content="https://money-charger.com/" />
926	<meta property="og:site_name" content="海外FXキャッシュバックサービスならマネチャ(Money Charger)" />
927	<meta property="article:modified_time" content="2026-03-24T06:40:06+00:00" />
928	<meta property="og:image" content="https://money-charger.com/mcadmin/wp-content/uploads/2024/11/main-visual_img01.png" />
929	<meta name="twitter:card" content="summary_large_image" />
930	<meta name="twitter:title" content="海外FXキャッシュバックサービスならマネチャ(Money Charger)" />
931	<!-- / Yoast SEO plugin. -->
932
933
934<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://money-charger.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmoney-charger.com%2F" />
935<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://money-charger.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmoney-charger.com%2F&#038;format=xml" />
936
937<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://money-charger.com/#organization","name":"MoneyCharger運営事務局","alternateName":["マネーチャージャー","マネチャ","Money Charger"],"url":"https://money-charger.com/","email":"[email protected]","foundingDate":"2013","description":"IB(紹介ブローカー)サービス / 海外FXキャッシュバック","numberOfEmployees":{"@type":"QuantitativeValue","value":50},"sameAs":["https://x.com/moneycharger_jp","https://lin.ee/mDmEriH"],"logo":{"@type":"ImageObject","@id":"https://money-charger.com/#logo","url":"https://money-charger.com/wp-content/uploads/2026/05/favicon-512x512-1.png","contentUrl":"https://money-charger.com/wp-content/uploads/2026/05/favicon-512x512-1.png","caption":"MoneyCharger運営事務局","width":512,"height":512},"image":{"@id":"https://money-charger.com/#logo"}},{"@type":"WebSite","@id":"https://money-charger.com/#website","url":"https://money-charger.com/","name":"海外FXキャッシュバックサービスならマネチャ(Money Charger)","publisher":{"@id":"https://money-charger.com/#organization"},"inLanguage":"ja","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://money-charger.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}]},{"@type":"WebPage","@id":"https://money-charger.com/#webpage","url":"https://money-charger.com/","name":"海外FXキャッシュバックサービスならマネチャ(Money Charger)","description":"マネチャ(Money Charger) は海外FXキャッシュバックサービスで業界最高のキャッシュバック率と業界最速の出金スピードを誇ります。登録するだけで海外FXで取引したコストが還元され、現金で受け取ることが可能です。お得に海外FXを利用するならマネチャ(Money Charger) に登録しましょう!","isPartOf":{"@id":"https://money-charger.com/#website"},"about":{"@id":"https://money-charger.com/#organization"},"inLanguage":"ja"}]}</script>
937
938<style id="wp-img-auto-sizes-contain-inline-css">
939img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
940/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
941</style>
942
943<style id="wp-emoji-styles-inline-css">
944
945	img.wp-smiley, img.emoji {
946		display: inline !important;
947		border: none !important;
948		box-shadow: none !important;
949		height: 1em !important;
950		width: 1em !important;
951		margin: 0 0.07em !important;
952		vertical-align: -0.1em !important;
953		background: none !important;
954		padding: 0 !important;
955	}
956/*# sourceURL=wp-emoji-styles-inline-css */
957</style>
958<style id="wp-block-library-inline-css">
959:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
959--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
960
961/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
962</style>
963<style id="wp-block-library-inline-css-extra">
964.vk-cols--reverse{flex-direction:row-reverse}.vk-cols--hasbtn{margin-bottom:0}.vk-cols--hasbtn>.row>.vk_gridColumn_item,.vk-cols--hasbtn>.wp-block-column{position:relative;padding-bottom:3em}.vk-cols--hasbtn>.row>.vk_gridColumn_item>.wp-block-buttons,.vk-cols--hasbtn>.row>.vk_gridColumn_item>.vk_button,.vk-cols--hasbtn>.wp-block-column>.wp-block-buttons,.vk-cols--hasbtn>.wp-block-column>.vk_button{position:absolute;bottom:0;width:100%}.vk-cols--fit.wp-block-columns{gap:0}.vk-cols--fit.wp-block-columns,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile){margin-top:0;margin-bottom:0;justify-content:space-between}.vk-cols--fit.wp-block-columns>.wp-block-column *:last-child,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column *:last-child{margin-bottom:0}.vk-cols--fit.wp-block-columns>.wp-block-column>.wp-block-cover,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column>.wp-block-cover{margin-top:0}.vk-cols--fit.wp-block-columns.has-background,.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile).has-background{padding:0}@media(max-width: 599px){.vk-cols--fit.wp-block-columns:not(.has-background)>.wp-block-column:not(.has-background),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile):not(.has-background)>.wp-block-column:not(.has-background){padding-left:0 !important;padding-right:0 !important}}@media(782px <= width){.vk-cols--fit.wp-block-columns .block-editor-block-list__block.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns>.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .block-editor-block-list__block.wp-block-column:not(:first-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){margin-left:0}}@media(min-width: 600px)and (width < 782px){.vk-cols--fit.wp-block-columns .wp-block-column:nth-child(2n),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:nth-child(2n){margin-left:0}.vk-cols--fit.wp-block-columns .wp-block-column:not(:only-child),.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:not(:only-child){flex-basis:50% !important}}.vk-cols--fit--gap1.wp-block-columns{gap:1px}@media(min-width: 600px)and (width < 782px){.vk-cols--fit--gap1.wp-block-columns .wp-block-column:not(:only-child){flex-basis:calc(50% - 1px) !important}}.vk-cols--fit.vk-cols--grid>.block-editor-block-list__block,.vk-cols--fit.vk-cols--grid>.wp-block-column,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile)>.block-editor-block-list__block,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:50%;box-sizing:border-box}@media(max-width: 599px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.vk_outer,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.vk_outer{width:100vw;margin-right:calc((100% - 100vw)/2);margin-left:calc((100% - 100vw)/2)}}@media(min-width: 600px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.vk_outer,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.vk_outer{margin-right:calc(100% - 50vw);width:50vw}}@media(min-width: 600px){.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column{margin-left:0;margin-right:0}.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.vk_outer,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover,.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.vk_outer{margin-left:calc(100% - 50vw)}}.vk-cols--menu h2,.vk-cols--menu h3,.vk-cols--menu h4,.vk-cols--menu h5{margin-bottom:.2em;text-shadow:#000 0 0 10px}.vk-cols--menu h2:first-child,.vk-cols--menu h3:first-child,.vk-cols--menu h4:first-child,.vk-cols--menu h5:first-child{margin-top:0}.vk-cols--menu p{margin-bottom:1rem;text-shadow:#000 0 0 10px}.vk-cols--menu .wp-block-cover__inner-container:last-child{margin-bottom:0}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover img{filter:unset}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover{background-color:unset}.vk-cols--fitbnrs .wp-block-column .wp-block-cover:hover .wp-block-cover__image-background{filter:unset 
964!important}.vk-cols--fitbnrs .wp-block-cover .wp-block-cover__inner-container{position:absolute;height:100%;width:100%}.vk-cols--fitbnrs .vk_button{height:100%;margin:0}.vk-cols--fitbnrs .vk_button .vk_button_btn,.vk-cols--fitbnrs .vk_button .btn{height:100%;width:100%;border:none;box-shadow:none;background-color:unset !important;transition:unset}.vk-cols--fitbnrs .vk_button .vk_button_btn:hover,.vk-cols--fitbnrs .vk_button .btn:hover{transition:unset}.vk-cols--fitbnrs .vk_button .vk_button_btn:after,.vk-cols--fitbnrs .vk_button .btn:after{border:none}.vk-cols--fitbnrs .vk_button .vk_button_link_txt{width:100%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);font-size:2rem;text-shadow:#000 0 0 10px}.vk-cols--fitbnrs .vk_button .vk_button_link_subCaption{width:100%;position:absolute;top:calc(50% + 2.2em);left:50%;transform:translateY(-50%) translateX(-50%);text-shadow:#000 0 0 10px}@media(min-width: 992px){.vk-cols--media.wp-block-columns{gap:3rem}}.vk-fit-map figure{margin-bottom:0}.vk-fit-map iframe{position:relative;margin-bottom:0;display:block;max-height:400px;width:100vw}.vk-fit-map:is(.alignfull,.alignwide) div{max-width:100%}.vk-table--th--width25 :where(tr>*:first-child){width:25%}.vk-table--th--width30 :where(tr>*:first-child){width:30%}.vk-table--th--width35 :where(tr>*:first-child){width:35%}.vk-table--th--width40 :where(tr>*:first-child){width:40%}.vk-table--th--bg-bright :where(tr>*:first-child){background-color:var(--wp--preset--color--bg-secondary, rgba(0, 0, 0, 0.05))}@media(max-width: 599px){.vk-table--mobile-block :is(th,td){width:100%;display:block}.vk-table--mobile-block.wp-block-table table :is(th,td){border-top:none}}.vk-table--width--th25 :where(tr>*:first-child){width:25%}.vk-table--width--th30 :where(tr>*:first-child){width:30%}.vk-table--width--th35 :where(tr>*:first-child){width:35%}.vk-table--width--th40 :where(tr>*:first-child){width:40%}.no-margin{margin:0}@media(max-width: 599px){.wp-block-image.vk-aligncenter--mobile>.alignright{float:none;margin-left:auto;margin-right:auto}.vk-no-padding-horizontal--mobile{padding-left:0 !important;padding-right:0 !important}}
965/* VK Color Palettes */
966/*# sourceURL=wp-block-library-inline-css */
967</style>
968
969<style id="classic-theme-styles-inline-css">
970/*! This file is auto-generated */
971.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
972/*# sourceURL=/wp-includes/css/classic-themes.min.css */
973</style>
974
975<link rel='stylesheet' id='vk-components-style-css' href='https://money-charger.com/wp-content/plugins/vk-blocks/vendor/vektor-inc/vk-component/src//assets/css/vk-components.css?ver=1.7.2' media='all' />
976<style id="global-styles-inline-css">
977:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--mc-yellow: #F5C518;--wp--preset--color--mc-mint: #22C55E;--wp--preset--color--mc-white: #FFFFFF;--wp--preset--color--mc-gray: #6B7280;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
9770) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-mc-yellow-color{color: var(--wp--preset--color--mc-yellow) !important;}.has-mc-mint-color{color: var(--wp--preset--color--mc-mint) !important;}.has-mc-white-color{color: var(--wp--preset--color--mc-white) !important;}.has-mc-gray-color{color: var(--wp--preset--color--mc-gray) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-mc-yellow-background-color{background-color: var(--wp--preset--color--mc-yellow) !important;}.has-mc-mint-background-color{background-color: var(--wp--preset--color--mc-mint) !important;}.has-mc-white-background-color{background-color: var(--wp--preset--color--mc-white) !important;}.has-mc-gray-background-color{background-color: var(--wp--preset--color--mc-gray) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-mc-yellow-border-color{border-color: var(--wp--preset--color--mc-yellow) !important;}.has-mc-mint-border-color{border-color: var(--wp--preset--color--mc-mint) !important;}.has-mc-white-border-color{border-color: var(--wp--preset--color--mc-white) !important;}.has-mc-gray-border-color{border-color: var(--wp--preset--color--mc-gray) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
977.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
978/*# sourceURL=global-styles-inline-css */
979</style>
980
981<link rel='stylesheet' id='toc-screen-css' href='https://money-charger.com/wp-content/plugins/table-of-contents-plus/assets/screen.min.css?ver=202609.1' media='all' />
982<link rel='stylesheet' id='vk-swiper-style-css' href='https://money-charger.com/wp-content/plugins/vk-blocks/vendor/vektor-inc/vk-swiper/src/assets/css/swiper-bundle.min.css?ver=14.0.6' media='all' />
983<link rel='stylesheet' id='vkblocks-bootstrap-css' href='https://money-charger.com/wp-content/plugins/vk-blocks/build/bootstrap_vk_using.css?ver=4.3.1' media='all' />
984<link rel='stylesheet' id='vk-blocks-build-css-css' href='https://money-charger.com/wp-content/plugins/vk-blocks/build/block-build.css?ver=1.128.0' media='all' />
985<style id="vk-blocks-build-css-inline-css">
986:root { --vk-size-text: 16px; /* --vk-color-primary is deprecated. */ --vk-color-primary:#337ab7; }
987
988	:root {
989		--vk_image-mask-circle: url(https://money-charger.com/wp-content/plugins/vk-blocks/inc/vk-blocks/images/circle.svg);
990		--vk_image-mask-wave01: url(https://money-charger.com/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave01.svg);
991		--vk_image-mask-wave02: url(https://money-charger.com/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave02.svg);
992		--vk_image-mask-wave03: url(https://money-charger.com/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave03.svg);
993		--vk_image-mask-wave04: url(https://money-charger.com/wp-content/plugins/vk-blocks/inc/vk-blocks/images/wave04.svg);
994	}
995	
996
997	:root {
998
999		--vk-balloon-border-width:1px;
1000
1001		--vk-balloon-speech-offset:-12px;
1002	}
1003	
1004
1005	:root {
1006		--vk_flow-arrow: url(https://money-charger.com/wp-content/plugins/vk-blocks/inc/vk-blocks/images/arrow_bottom.svg);
1007	}
1008	
1009/*# sourceURL=vk-blocks-build-css-inline-css */
1010</style>
1011<link rel='stylesheet' id='vk-font-awesome-css' href='https://money-charger.com/wp-content/plugins/vk-blocks/vendor/vektor-inc/font-awesome-versions/src/font-awesome/css/all.min.css?ver=7.3.1' media='all' />
1012<link rel='stylesheet' id='linguise_switcher-css' href='https://money-charger.com/wp-content/plugins/linguise/assets/css/front.bundle.css?ver=2.2.70' media='all' />
1013<script id="jquery-core-js" src="https://money-charger.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 1013
1013
1014<script id="jquery-migrate-js" src="https://money-charger.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 1014
1014
1015<script id="linguise_switcher-js-extra">
1016var linguise_configs = {"vars":{"configs":{"languages":{"ja":"Japanese","ms":"Malay","vi":"Vietnamese","zh-cn":"Chinese","en":"English","ar":"Arabic","bn":"Bengali","fr":"French","hi":"Hindi","id":"Indonesian","ko":"Korean","pt":"Portuguese","es":"Spanish","th":"Thai","ur":"Urdu"},"base":"","base_url":"https://money-charger.com","original_path":"","trailing_slashes":"/","default_language":"ja","enabled_languages":["ms","vi","zh-cn","en","ar","bn","fr","hi","id","ko","pt","es","th","ur"],"flag_display_type":"dropdown","display_position":"bottom_right","enable_flag":1,"enable_language_name":1,"enable_language_name_popup":1,"enable_language_short_name":0,"flag_shape":"rounded","flag_en_type":"en-us","flag_de_type":"de","flag_es_type":"es","flag_pt_type":"pt","flag_tw_type":"zh-tw","flag_border_radius":0,"flag_width":24,"browser_redirect":0,"ukraine_redirect":0,"cookies_redirect":0,"language_name_display":"en","pre_text":"","post_text":"","alternate_link":1,"add_flag_automatically":0,"custom_css":"","cache_enabled":1,"cache_max_size":200,"cache_ignore_parameters":0,"cache_params_always_included":"s,utm_source,utm_medium,utm_campaign,utm_term,utm_content","language_name_color":"#222222","language_name_hover_color":"#222222","popup_language_name_color":"#222222","popup_language_name_hover_color":"#222222","flag_shadow_h":2,"flag_shadow_v":2,"flag_shadow_blur":12,"flag_shadow_spread":0,"flag_shadow_color":"rgba(238, 238, 238, 1)","flag_shadow_color_alpha":1,"flag_hover_shadow_h":3,"flag_hover_shadow_v":3,"flag_hover_shadow_blur":6,"flag_hover_shadow_spread":0,"flag_hover_shadow_color":"rgba(191, 191, 191, 1)","flag_hover_shadow_color_alpha":1,"search_translation":0,"debug":0,"woocommerce_emails_translation":0,"dynamic_translations":{"enabled":0,"public_key":"pk_XJaAH4IihDefDavaufze9jg3ejDWTjUu"}}}};
1017//# sourceURL=linguise_switcher-js-extra
1018</script>
vendor: 1 bytes, line 1018
1018
1019<script id="linguise_switcher-js" src="https://money-charger.com/wp-content/plugins/linguise/assets/js/front.bundle.js?ver=2.2.70"></script>
1019
1020<link rel="https://api.w.org/" href="https://money-charger.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://money-charger.com/wp-json/wp/v2/pages/185" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://money-charger.com/xmlrpc.php?rsd" />
1021<meta name="generator" content="WordPress 7.1.3" />
1022<link rel='shortlink' href='https://money-charger.com/' />
1023<link rel="alternate" hreflang="ja" href="https://money-charger.com/" />
1024<link rel="alternate" hreflang="ms" href="https://money-charger.com/ms/" />
1025<link rel="alternate" hreflang="vi" href="https://money-charger.com/vi/" />
1026<link rel="alternate" hreflang="zh-cn" href="https://money-charger.com/zh-cn/" />
1027<link rel="alternate" hreflang="en" href="https://money-charger.com/en/" />
1028<link rel="alternate" hreflang="ar" href="https://money-charger.com/ar/" />
1029<link rel="alternate" hreflang="bn" href="https://money-charger.com/bn/" />
1030<link rel="alternate" hreflang="fr" href="https://money-charger.com/fr/" />
1031<link rel="alternate" hreflang="hi" href="https://money-charger.com/hi/" />
1032<link rel="alternate" hreflang="id" href="https://money-charger.com/id/" />
1033<link rel="alternate" hreflang="ko" href="https://money-charger.com/ko/" />
1034<link rel="alternate" hreflang="pt" href="https://money-charger.com/pt/" />
1035<link rel="alternate" hreflang="es" href="https://money-charger.com/es/" />
1036<link rel="alternate" hreflang="th" href="https://money-charger.com/th/" />
1037<link rel="alternate" hreflang="ur" href="https://money-charger.com/ur/" />
1038<link rel="alternate" hreflang="x-default" href="https://money-charger.com/" /><link rel="icon" href="https://money-charger.com/wp-content/uploads/2026/05/favicon-512x512-1-150x150.png" sizes="32x32" />
1039<link rel="icon" href="https://money-charger.com/wp-content/uploads/2026/05/favicon-512x512-1-228x228.png" sizes="192x192" />
1040<link rel="apple-touch-icon" href="https://money-charger.com/wp-content/uploads/2026/05/favicon-512x512-1-228x228.png" />
1041<meta name="msapplication-TileImage" content="https://money-charger.com/wp-content/uploads/2026/05/favicon-512x512-1-300x300.png" />
1042
1043  <!-- Banner CSS (fixed banner feature) -->
1044  <link rel="stylesheet" href="https://money-charger.com/wp-content/themes/wp-mc/functions/banner/assets/front.css?v=1791442538">
1045
1046  <!-- ============================================================
1047       LP-specific custom CSS / JS
1048  ============================================================ -->
1049  
1050  <!-- ============================================================
1051       LATE CSS OVERRIDE — wp_head() 後の最終上書き
1052  ============================================================ -->
1053  <style id="mc-isolation-late">
1054    /* L0 */
1055    .layout-container { padding-top: 0 !important; overflow: visible !important; }
1056
1057    /* L1 */
1058    #mc-header {
1059      display: flex !important;
1060      align-items: center !important;
1061      justify-content: space-between !important;
1062      position: relative !important;
1063      width: 100% !important;
1064      background-color: #0B0B0B !important;
1065      border-bottom: 1px solid rgba(255,255,255,0.09) !important;
1066      color: #ffffff !important;
1067      z-index: 100 !important;
1068      font-size: 14px !important;
1069      font-family: 'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Meiryo',sans-serif !important;
1070      overflow: visible !important;
1071      text-align: left !important;
1072    }
1073    @media (min-width: 1024px) { #mc-header { height: 72px !important; padding: 0 40px !important; } }
1074    @media (max-width: 1023px) { #mc-header { height: 56px !important; padding: 0 24px !important; } }
1075
1076    /* 左グループ: ロゴ + ナビ */
1077    #mc-pc-left {
1078      display: none !important;
1079      align-items: center !important;
1080      gap: 40px !important;
1081    }
1082    @media (min-width: 1024px) {
1083      #mc-pc-left { display: flex !important; }
1084    }
1085
1086    /* 右グループ: 言語・ログイン・登録 */
1087    #mc-pc-right {
1088      display: none !important;
1089      align-items: center !important;
1090      gap: 0 !important;
1091    }
1092    @media (min-width: 1024px) {
1093      #mc-pc-right { display: flex !important; }
1094    }
1095
1096    /* L2 */
1097    #mc-header *,
1098    .mc-nav-overlay,
1099    .mc-nav-overlay *,
1100    #mc-sp-panel,
1101    #mc-sp-panel * {
1102      text-align: left !important;
1103    }
1104
1105    /* L3 */
1106    #mc-header button, #mc-sp-panel button {
1107      font-size: 14px !important;
1108      line-height: 1.5 !important;
1109    }
1110
1111    /* L4 */
1112    #mc-header nav { display: flex !important; align-items: center !important; }
1113    #mc-header h1  { display: flex !important; align-items: center !important; margin: 0 !important; }
1114    #mc-header ul  { list-style: none !important; padding: 0 !important; margin: 0 !important; background: none !important; }
1115    #mc-header li  { list-style: none !important; padding: 0 !important; margin: 0 !important; background: none !important; }
1116    .mc-nav-item   { position: relative !important; }
1117    .mc-nav-overlay { position: absolute !important; z-index: 300 !important; background-color: #0B0B0B !important; color: #fff !important; text-align: left !important; }
1118    #mc-sp-overlay  { position: fixed !important; z-index: 500 !important; }
1119    #mc-sp-panel    { background-color: #0B0B0B !important; color: #fff !important; }
1120
1121    /* L5 */
1122    #mc-header a, #mc-header button, #mc-header span,
1123    .mc-nav-overlay a, .mc-nav-overlay span,
1124    #mc-sp-panel a, #mc-sp-panel button, #mc-sp-panel span { color: inherit !important; }
1125
1126    /* L6 */
1127    #mc-header .mc-nav-link,
1128    #mc-header nav > a { font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important; }
1129
1130    /* L7 */
1131    #mc-header .mc-btn-login {
1132      display: inline-flex !important; align-items: center !important; justify-content: center !important;
1133      background-color: transparent !important; color: #ffffff !important;
1134      border: 1px solid #ffffff !important; padding: 7px 18px !important;
1135      border-radius: 7px !important; font-size: 14px !important; font-weight: 500 !important;
1136      white-space: nowrap !important; text-decoration: none !important; max-width: none !important; margin-left: 8px !important;
1137    }
1138    #mc-header .mc-btn-login::before, #mc-header .mc-btn-login::after { content: none !important; display: none !important; }
1139    #mc-header .mc-btn-register {
1140      display: inline-flex !important; align-items: center !important; justify-content: center !important;
1141      background-color: #FACC15 !important; color: #000000 !important;
1142      border: none !important; padding: 7px 20px !important; gap: 0 !important;
1143      border-radius: 7px !important; font-size: 14px !important; font-weight: 700 !important;
1144      white-space: nowrap !important; text-decoration: none !important; max-width: none !important; margin-left: 6px !important;
1145    }
1146    #mc-header .mc-btn-register::before, #mc-header .mc-btn-register::after { content: none !important; display: none !important; }
1147
1148    /* L8 */
1149    #mc-sp-panel .mc-sp-btn-login {
1150      display: flex !important; align-items: center !important; justify-content: center !important;
1151      width: 100% !important; padding: 12px !important; background-color: transparent !important;
1152      color: #ffffff !important; border: 1px solid #ffffff !important; border-radius: 7px !important;
1153      font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; max-width: none !important;
1154    }
1155    #mc-sp-panel .mc-sp-btn-register {
1156      display: flex !important; align-items: center !important; justify-content: center !important;
1157      width: 100% !important; padding: 12px !important; background-color: #FACC15 !important;
1158      color: #000000 !important; border: none !important; border-radius: 7px !important;
1159      font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; max-width: none !important;
1160    }
1161
1162    /* L9 */
1163    #mc-header .mc-nav-overlay .mc-card {
1164      display: flex !important; align-items: flex-start !important; gap: 16px !important;
1165      padding: 14px 12px !important; border-radius: 12px !important;
1166      text-decoration: none !important; color: #ffffff !important;
1167      background-color: transparent !important; text-align: left !important;
1168      margin-bottom: 4px !important;
1169    }
1170    #mc-header .mc-nav-overlay .mc-card:hover { background-color: #1A1A1A !important; }
1171    #mc-header .mc-nav-overlay .mc-card:hover .mc-card-title { color: #FACC15 !important; }
1172    #mc-header .mc-nav-overlay .mc-card:hover .mc-card-icon  { background-color: rgba(250,204,21,0.1) !important; }
1173
1174    #mc-header .mc-nav-overlay .mc-card-icon {
1175      display: flex !important; align-items: center !important; justify-content: center !important;
1176      width: 48px !important; height: 48px !important; min-width: 48px !important;
1177      border-radius: 10px !important; background-color: rgba(255,255,255,0.04) !important;
1178      flex-shrink: 0 !important; color: #FACC15 !important; overflow: hidden !important;
1179    }
1180    #mc-header .mc-nav-overlay .mc-card-icon img {
1181      width: 100% !important; height: 100% !important;
1182      object-fit: contain !important; display: block !important;
1183      max-width: none !important; border-radius: 10px !important;
1184    }
1185    #mc-header .mc-nav-overlay .mc-card-body {
1186      display: flex !important; flex-direction: column !important; gap: 4px !important; padding-top: 2px !important;
1187    }
1188    #mc-header .mc-nav-overlay .mc-card-title {
1189      display: block !important; font-size: 15px !important; font-weight: 700 !important;
1190      color: #ffffff !important; text-align: left !important;
1191    }
1192    #mc-header .mc-nav-overlay .mc-card-desc {
1193      display: block !important; font-size: 13px !important; color: #9CA3AF !important;
1194      line-height: 1.5 !important; text-align: left !important;
1195    }
1196
1197    /* バッジ */
1198    #mc-header .mc-nav-overlay .mc-badge {
1199      display: inline-flex !important; align-items: center !important;
1200      padding: 2px 8px !important; border-radius: 4px !important;
1201      font-size: 10px !important; font-weight: 700 !important;
1202      letter-spacing: 0.04em !important; line-height: 1.7 !important; white-space: nowrap !important;
1203    }
1204    #mc-header .mc-nav-overlay .mc-badge-green  { background-color: #064E3B !important; color: #10B981 !important; }
1205    #mc-header .mc-nav-overlay .mc-badge-gray   { background-color: #374151 !important; color: #D1D5DB !important; }
1206    #mc-header .mc-nav-overlay .mc-badge-yellow { background-color: #78350F !important; color: #FACC15 !important; }
1207
1208    /* カラム見出し */
1209    #mc-header .mc-nav-overlay .mc-col-title {
1210      display: block !important; font-size: 13px !important; font-weight: 700 !important;
1211      color: #FACC15 !important; margin-bottom: 10px !important;
1212      letter-spacing: 0.04em !important; text-align: left !important;
1213    }
1214    #mc-header .mc-nav-overlay .mc-col-divider {
1215      height: 2px !important; background-color: #FACC15 !important;
1216      border-radius: 1px !important; margin-bottom: 18px !important;
1217    }
1218
1219    /* ブローカーボタン(画像ボタン)*/
1220    #mc-header .mc-nav-overlay .mc-broker-btn {
1221      display: flex !important; align-items: center !important; justify-content: center !important;
1222      padding: 6px 8px !important; border-radius: 8px !important;
1223      border: 1px solid rgba(255,255,255,0.14) !important;
1224      background-color: #FFFFFF !important; color: #ffffff !important;
1225      font-size: 13px !important; font-weight: 600 !important;
1226      cursor: pointer !important; white-space: nowrap !important; text-decoration: none !important;
1227      transition: background-color 0.2s ease-out, border-color 0.2s ease-out !important;
1228    }
1229    #mc-header .mc-nav-overlay .mc-broker-btn:hover {
1230      background-color: #EFEFEF !important; border-color: rgba(255,255,255,0.3) !important; color: #ffffff !important;
1231    }
1232    #mc-header .mc-nav-overlay .mc-broker-btn img {
1233      width: 100% !important; height: 40px !important;
1234      object-fit: contain !important; display: block !important;
1235      max-width: none !important; border: none !important; padding: 0 !important; margin: 0 !important;
1236    }
1237
1238    #mc-header .mc-nav-overlay .mc-all-link {
1239      display: inline-flex !important; align-items: center !important; gap: 5px !important;
1240      font-size: 13px !important; font-weight: 600 !important; color: #00D497 !important;
1241      text-decoration: none !important;
1242    }
1243    #mc-header .mc-nav-overlay .mc-all-link:hover { opacity: 0.7 !important; color: #00D497 !important; }
1244
1245    #mc-header .mc-nav-overlay .mc-footer-link {
1246      display: inline-flex !important; align-items: center !important; gap: 6px !important;
1247      font-size: 13px !important; font-weight: 600 !important;
1248      color: rgba(255,255,255,0.5) !important; text-decoration: none !important;
1249    }
1250    #mc-header .mc-nav-overlay .mc-footer-link:hover { color: #FACC15 !important; }
1251
1252    /* L10 */
1253    #mc-header img {
1254      max-width: none !important;
1255      width: auto !important;
1256      border: none !important;
1257      padding: 0 !important;
1258      margin: 0 !important;
1259      display: inline-block !important;
1260    }
1261
1262    /* L11 */
1263    @media (min-width: 1024px) {
1264      #mc-hamburger-btn { display: none !important; }
1265    }
1266    @media (max-width: 1023px) {
1267      #mc-hamburger-btn {
1268        display: flex !important;
1269        flex-direction: column !important;
1270        align-items: center !important;
1271        justify-content: center !important;
1272        gap: 5px !important;
1273        width: 36px !important;
1274        height: 36px !important;
1275        flex-shrink: 0 !important;
1276        background: transparent !important;
1277        border: none !important;
1278        cursor: pointer !important;
1279      }
1280    }
1281
1282    /* L12 */
1283    #mc-sp-panel .mc-sp-card-icon {
1284      display: flex !important;
1285      align-items: center !important;
1286      justify-content: center !important;
1287      width: 40px !important;
1288      height: 40px !important;
1289      border-radius: 8px !important;
1290      background-color: rgba(255,255,255,0.04) !important;
1291      flex-shrink: 0 !important;
1292      overflow: hidden !important;
1293    }
1294    #mc-sp-panel .mc-sp-card-icon img {
1295      width: 40px !important;
1296      height: 40px !important;
1297      max-width: none !important;
1298      object-fit: cover !important;
1299      display: block !important;
1300      border-radius: 8px !important;
1301      border: none !important;
1302      padding: 0 !important;
1303      margin: 0 !important;
1304    }
1305    /* SP broker image */
1306    #mc-sp-panel .mc-sp-broker-btn img {
1307      width: 100% !important;
1308      height: 32px !important;
1309      object-fit: contain !important;
1310      display: block !important;
1311      max-width: none !important;
1312      border: none !important;
1313      padding: 0 !important;
1314      margin: 0 !important;
1315    }
1316    /* badge */
1317    #mc-sp-panel .mc-badge {
1318      display: inline-flex !important;
1319      align-items: center !important;
1320      padding: 2px 8px !important;
1321      border-radius: 4px !important;
1322      font-size: 10px !important;
1323      font-weight: 700 !important;
1324      letter-spacing: 0.04em !important;
1325      line-height: 1.7 !important;
1326      white-space: nowrap !important;
1327    }
1328    #mc-sp-panel .mc-badge-green  { background-color: #064E3B !important; color: #10B981 !important; }
1329    #mc-sp-panel .mc-badge-gray   { background-color: #374151 !important; color: #D1D5DB !important; }
1330    #mc-sp-panel .mc-badge-yellow { background-color: #78350F !important; color: #FACC15 !important; }
1331  </style>
1332</head>
1333
1334<body class="home wp-singular page-template page-template-page-front page-template-page-front-php page page-id-185 wp-theme-wp-mc fa_v7_css vk-blocks">
1335
1336  <!-- GTM noscript (Primary) -->
vendor: 75 bytes, lines 1336-1338
1336
1337  <noscript>
1338    <iframe src="https://www.googletagmanager.com/ns.html?id=
1338GTM-NWBTSC5K
vendor: 92 bytes, lines 1338-1342
1338" height="0" width="0" style="display:none;visibility:hidden"></iframe>
1339  </noscript>
1340
1341  
1342  
1342<!-- Browser language redirect is handled by Linguise. -->
1343
1344  
1345  <!-- ============================================================
1346       Layout container (WP banner system compatibility)
1347  ============================================================ -->
1348  <div class="layout-container" id="return-top">
1349
1350    
1351    
1352    <!-- ============================================================
1353         HEADER
1354    ============================================================ -->
1355    <header
1356      id="mc-header"
1357      class="relative z-[100] flex items-center justify-between w-full h-14 lg:h-[72px] px-6 lg:px-10 bg-mc-bg border-b border-white/[0.09]"
1358      style="display:flex !important;align-items:center !important;justify-content:space-between !important;background-color:#0B0B0B !important;color:#fff !important;font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Meiryo',sans-serif !important;border-bottom:1px solid rgba(255,255,255,0.09) !important;box-sizing:border-box !important;position:relative !important;width:100% !important;z-index:100 !important;">
1359
1360      <!-- ══════════════════════════════════════════════════════════
1361           LEFT GROUP: ロゴ + PCナビメニュー
1362      ══════════════════════════════════════════════════════════ -->
1363      <div id="mc-pc-left"
1364           style="display:none;align-items:center;gap:0;flex-shrink:0;">
1365
1366        <!-- ──────────────────────────────────────────
1367             LOGO
1368        ────────────────────────────────────────── -->
1369                <h1 class="flex-shrink-0 text-base font-normal leading-none m-0" style="flex-shrink:0;">
1370        
1371          <a href="https://money-charger.com/"
1372             class="flex items-center gap-2.5 transition-opacity duration-200 hover:opacity-80 no-underline"
1373             style="display:flex !important;align-items:center !important;gap:10px !important;text-decoration:none !important;color:inherit !important;"
1374             aria-label="海外FXキャッシュバックサービスならマネチャ(Money Charger)">
1375            <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/logo_dark.webp"
1376                 alt="海外FXキャッシュバックサービスならマネチャ(Money Charger)"
1377                 onerror="this.onerror=null;this.src='https://money-charger.com/wp-content/themes/wp-mc/assets/home/icon-logo.webp';"
1378                 style="height:40px !important;width:auto;max-width:none !important;display:block !important;">
1379          </a>
1380
1381                </h1>
1382        
1383        <!-- ──────────────────────────────────────────
1384             PC NAV (メニュー項目のみ)
1385        ────────────────────────────────────────── -->
1386        <nav id="mc-pc-nav"
1387             aria-label="グローバルナビゲーション"
1388             style="display:flex !important;align-items:center;gap:20px;margin-left:8px;">
1389
1390          <!-- ① キャッシュバック ─ dropdown overlay -->
1391          <div class="mc-nav-item relative" id="mc-nav-cb" data-overlay="true">
1392            <button
1393              class="mc-nav-link"
1394              role="button" aria-haspopup="true" aria-expanded="false">
1395              キャッシュバック              <svg class="mc-nav-chevron w-3.5 h-3.5 stroke-current fill-none flex-shrink-0 transition-transform duration-200"
1396                   stroke-width="2" viewBox="0 0 24 24">
1397                <polyline points="6 9 12 15 18 9"/>
1398              </svg>
1399            </button>
1400
1401            <!-- CB Overlay panel -->
1402            <div id="mc-cb-overlay"
1403                 class="mc-nav-overlay absolute left-1/2 w-[720px] bg-mc-bg border border-yellow-400/30 rounded-[20px] z-[300] shadow-overlay"
1404                 style="top:calc(100% + 14px); transform:translateX(-50%) translateY(10px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s .2s;">
1405
1406              <div class="mc-flex" style="gap:40px;padding:32px 36px 0;">
1407
1408                <!-- Col: はじめかた -->
1409                <div class="w-[280px] flex-shrink-0">
1410                  <div class="mc-col-title">はじめかた</div>
1411                  <div class="mc-col-divider"></div>
1412
1413                  <!-- Card: ご利用ガイド -->
1414                  <a href="https://money-charger.com/information/beginner/"
1415                     class="mc-card">
1416                    <div class="mc-card-icon">
1417                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/how_to_use.webp" alt="ご利用ガイド">
1418                    </div>
1419                    <div class="mc-card-body">
1420                      <span class="mc-card-title">ご利用ガイド</span>
1421                      <span class="mc-card-desc">CBの仕組みと始め方を3分で解説</span>
1422                    </div>
1423                  </a>
1424
1425                  <!-- Card: CBシミュレーター(トップのシミュレーターセクションへ) -->
1426                  <a href="https://money-charger.com/#cb-simulator"
1427                     class="mc-card">
1428                    <div class="mc-card-icon">
1429                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/cb_simulator.webp" alt="CBシミュレーター">
1430                    </div>
1431                    <div class="mc-card-body">
1432                      <span class="mc-card-title">CBシミュレーター</span>
1433                      <span class="mc-card-desc">あなたの取引でいくらもらえるか即計算</span>
1434                    </div>
1435                  </a>
1436                </div>
1437
1438                <!-- Col: いま人気の業者 -->
1439                <div class="mc-flex" style="flex:1;min-width:0;flex-direction:column;">
1440                  <div class="mc-col-title">いま人気の業者</div>
1441                  <div class="mc-col-divider"></div>
1442
1443                  <div class="mc-grid mc-broker-grid" style="grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;">
1444                                        <a href="https://money-charger.com/hfm/"
1445                       class="mc-broker-btn"
1446                       style="padding:6px 8px;">
1447                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/hfm.webp"
1448                           alt="HFM"
1449                           style="width:100%;height:40px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1450                    </a>
1451                                        <a href="https://money-charger.com/xs/"
1452                       class="mc-broker-btn"
1453                       style="padding:6px 8px;">
1454                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/xs.webp"
1455                           alt="XS"
1456                           style="width:100%;height:40px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1457                    </a>
1458                                        <a href="https://money-charger.com/exness/"
1459                       class="mc-broker-btn"
1460                       style="padding:6px 8px;">
1461                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/exness.webp"
1462                           alt="Exness"
1463                           style="width:100%;height:40px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1464                    </a>
1465                                        <a href="https://money-charger.com/axi/"
1466                       class="mc-broker-btn"
1467                       style="padding:6px 8px;">
1468                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axi.webp"
1469                           alt="Axi"
1470                           style="width:100%;height:40px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1471                    </a>
1472                                        <a href="https://money-charger.com/axonmarkets/"
1473                       class="mc-broker-btn"
1474                       style="padding:6px 8px;">
1475                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axon-logo.webp"
1476                           alt="Axon Markets"
1477                           style="width:100%;height:40px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1478                    </a>
1479                                        <a href="https://money-charger.com/axiory/"
1480                       class="mc-broker-btn"
1481                       style="padding:6px 8px;">
1482                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axiory.webp"
1483                           alt="AXIORY"
1484                           style="width:100%;height:40px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1485                    </a>
1486                                      </div>
1487
1488                  <a href="https://money-charger.com/broker/"
1489                     class="mc-all-link">
1490                    すべての業者をみる                    <svg class="w-3.5 h-3.5 stroke-current fill-none" stroke-width="2" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
1491                  </a>
1492                </div>
1493              </div><!-- /.overlay-body -->
1494
1495              <!-- Overlay footer -->
1496              <div class="mc-flex" style="align-items:center;padding:14px 36px;margin-top:22px;border-top:1px solid rgba(255,255,255,0.09);">
1497                <a href="https://money-charger.com/faq"
1498                   class="mc-footer-link">
1499                  FAQ
1500                  <svg class="w-3.5 h-3.5 stroke-current fill-none" stroke-width="2" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
1501                </a>
1502              </div>
1503            </div><!-- /#mc-cb-overlay -->
1504          </div><!-- /#mc-nav-cb -->
1505
1506          <!-- ② ランキング -->
1507          <a href="https://money-charger.com/ranking"
1508             class="mc-nav-link">
1509            ランキング          </a>
1510
1511          <!-- ③ キャンペーン -->
1512          <a href="https://money-charger.com/campaign/"
1513             class="mc-nav-link">
1514            キャンペーン          </a>
1515
1516          <!-- ④ 自動売買 ─ dropdown overlay -->
1517          <div class="mc-nav-item relative" id="mc-nav-at" data-overlay="true">
1518            <button
1519              class="mc-nav-link"
1520              role="button" aria-haspopup="true" aria-expanded="false">
1521              自動売買              <svg class="mc-nav-chevron w-3.5 h-3.5 stroke-current fill-none flex-shrink-0 transition-transform duration-200"
1522                   stroke-width="2" viewBox="0 0 24 24">
1523                <polyline points="6 9 12 15 18 9"/>
1524              </svg>
1525            </button>
1526
1527            <!-- AT Overlay panel -->
1528            <div id="mc-at-overlay"
1529                 class="mc-nav-overlay absolute left-1/2 w-[700px] bg-mc-bg border border-yellow-400/30 rounded-[20px] z-[300] shadow-overlay"
1530                 style="top:calc(100% + 14px); transform:translateX(-50%) translateY(10px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s .2s;">
1531
1532              <div class="mc-flex" style="gap:40px;padding:32px 36px 0;">
1533
1534                <!-- Col: カテゴリで探す -->
1535                <div class="w-[280px] flex-shrink-0">
1536                  <div class="mc-col-title">カテゴリで探す</div>
1537                  <div class="mc-col-divider"></div>
1538
1539                  <a href="https://money-charger.com/ea-ranking"
1540                     class="mc-card">
1541                    <div class="mc-card-icon">
1542                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/ranking_ea.webp" alt="EAランキング">
1543                    </div>
1544                    <div class="mc-card-body">
1545                      <span class="mc-card-title">EAランキング</span>
1546                      <span class="mc-card-desc">自動売買EAの横断比較</span>
1547                    </div>
1548                  </a>
1549
1550                                    <a href="https://money-charger.com/copytrade-ranking"
1551                     class="mc-card">
1552                    <div class="mc-card-icon">
1553                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/copytrade/icon-copytrade.png" alt="コピトレランキング">
1554                    </div>
1555                    <div class="mc-card-body">
1556                      <span class="mc-card-title">コピトレランキング</span>
1557                      <span class="mc-card-desc">人気のコピートレードを比較</span>
1558                    </div>
1559                  </a>
1560
1561                  <a href="https://money-charger.com/ranking"
1562                     class="mc-card">
1563                    <div class="mc-card-icon">
1564                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/ranking_all.webp" alt="全ランキング">
1565                    </div>
1566                    <div class="mc-card-body">
1567                      <span class="mc-card-title">全ランキング</span>
1568                      <span class="mc-card-desc">すべてのカテゴリを確認</span>
1569                    </div>
1570                  </a>
1571                </div>
1572
1573                <!-- Col: 今注目の戦略 -->
1574                <div class="mc-flex" style="flex:1;min-width:0;flex-direction:column;">
1575                  <div class="mc-col-title">今注目の戦略</div>
1576                  <div class="mc-col-divider"></div>
1577
1578                  <a href="https://money-charger.com/ea/no1omega"
1579                     class="mc-card">
1580                    <div class="mc-card-icon">
1581                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/pickup_omega.webp" alt="OMEGA EA">
1582                    </div>
1583                    <div class="mc-card-body">
1584                      <div class="mb-1">
1585                        <span class="mc-badge mc-badge-green">MCG公式</span>
1586                      </div>
1587                      <span class="mc-card-title">OMEGA EA</span>
1588                      <span class="mc-card-desc">天下一武道会 優勝EA</span>
1589                    </div>
1590                  </a>
1591
1592                                    <a href="https://money-charger.com/auto-trading/ai-copytrade"
1593                     class="mc-card">
1594                    <div class="mc-card-icon">
1595                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/pickup_copytrade.webp" alt="AIコピトレ">
1596                    </div>
1597                    <div class="mc-card-body">
1598                      <div class="mb-1">
1599                        <span class="mc-badge mc-badge-gray">MCG推奨</span>
1600                      </div>
1601                      <span class="mc-card-title">AIコピトレ</span>
1602                      <span class="mc-card-desc">AIが自動で最適ポジション</span>
1603                    </div>
1604                  </a>
1605
1606                  <a href="https://money-charger.com/mc-ea-battle/"
1607                     class="mc-card">
1608                    <div class="mc-card-icon">
1609                      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/pickup_eabattle.webp" alt="EA天下一武道会">
1610                    </div>
1611                    <div class="mc-card-body">
1612                      <div class="mb-1">
1613                        <span class="mc-badge mc-badge-yellow">イベント</span>
1614                      </div>
1615                      <span class="mc-card-title">EA天下一武道会</span>
1616                      <span class="mc-card-desc">最強EAを決める対戦企画</span>
1617                    </div>
1618                  </a>
1619                </div>
1620              </div><!-- /.overlay-body -->
1621
1622              <!-- Overlay footer -->
1623              <div class="mc-flex" style="align-items:center;padding:14px 36px;margin-top:22px;border-top:1px solid rgba(255,255,255,0.09);">
1624                <a href="https://money-charger.com/ea-guide/"
1625                   class="mc-footer-link">
1626                  自動売買とは?                  <svg class="w-3.5 h-3.5 stroke-current fill-none" stroke-width="2" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
1627                </a>
1628              </div>
1629            </div><!-- /#mc-at-overlay -->
1630          </div><!-- /#mc-nav-at -->
1631
1632          <!-- ⑤ パートナー募集 -->
1633          <a href="https://money-charger.com/affiliate"
1634             class="mc-nav-link">
1635            パートナー募集          </a>
1636
1637          <!-- ⑥ マネログ -->
1638          <a href="https://money-charger.com/manelog/"
1639             class="mc-nav-link">
1640            マネログ          </a>
1641
1642        </nav><!-- /#mc-pc-nav -->
1643      </div><!-- /#mc-pc-left -->
1644
1645      <!-- ══════════════════════════════════════════════════════════
1646           RIGHT GROUP: 言語選択・ログイン・無料登録
1647           (PCのみ表示 / SPではハンバーガー表示)
1648      ══════════════════════════════════════════════════════════ -->
1649      <div id="mc-pc-right"
1650           style="display:none;align-items:center;gap:0;flex-shrink:0;">
1651
1652        <!-- 言語選択(国旗ドロップダウン) -->
1653        <!-- notranslate: Linguiseが自動翻訳するとflex/gridレイアウトが崩れるため除外 -->
1654        <div id="mc-lang-dropdown-pc" class="notranslate" translate="no" style="position:relative;margin:0 6px;">
1655          <button id="mc-lang-trigger-pc" type="button"
1656                  style="display:flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(255,255,255,0.25);border-radius:5px;color:#fff;font-size:14px;padding:5px 9px;cursor:pointer;outline:none;transition:border-color .2s ease-out;font-family:inherit;"
1657                  aria-label="言語選択"
1658                  aria-expanded="false" aria-haspopup="true">
1659            <span id="mc-lang-current-flag" style="font-size:18px;line-height:1;"></span>
1660            <svg style="width:12px;height:12px;fill:none;stroke:rgba(255,255,255,0.6);stroke-width:2;" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
1661          </button>
1662          <div id="mc-lang-panel-pc"
1663               style="display:none;position:absolute;top:calc(100% + 6px);right:0;background:#1A1A1A;border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:8px;z-index:600;min-width:280px;box-shadow:0 8px 24px rgba(0,0,0,0.5);">
1664            <div style="display:grid;grid-template-columns:1fr 1fr;gap:4px;">
1665                            <button class="mc-lang-pc-btn" data-lang="ja"
1666                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1667                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1668                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1669                      aria-label="日本語">
1670                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇯🇵</span>
1671                <span>日本語</span>
1672              </button>
1673                            <button class="mc-lang-pc-btn" data-lang="en"
1674                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1675                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1676                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1677                      aria-label="English">
1678                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇺🇸</span>
1679                <span>English</span>
1680              </button>
1681                            <button class="mc-lang-pc-btn" data-lang="zh-cn"
1682                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1683                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1684                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1685                      aria-label="简体中文">
1686                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇨🇳</span>
1687                <span>简体中文</span>
1688              </button>
1689                            <button class="mc-lang-pc-btn" data-lang="vi"
1690                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1691                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1692                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1693                      aria-label="Tiếng Việt">
1694                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇻🇳</span>
1695                <span>Tiếng Việt</span>
1696              </button>
1697                            <button class="mc-lang-pc-btn" data-lang="ms"
1698                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1699                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1700                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1701                      aria-label="Melayu">
1702                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇲🇾</span>
1703                <span>Melayu</span>
1704              </button>
1705                            <button class="mc-lang-pc-btn" data-lang="id"
1706                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1707                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1708                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1709                      aria-label="Indonesia">
1710                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇮🇩</span>
1711                <span>Indonesia</span>
1712              </button>
1713                            <button class="mc-lang-pc-btn" data-lang="th"
1714                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1715                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1716                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1717                      aria-label="ไทย">
1718                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇹🇭</span>
1719                <span>ไทย</span>
1720              </button>
1721                            <button class="mc-lang-pc-btn" data-lang="hi"
1722                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1723                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1724                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1725                      aria-label="हिंदी">
1726                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇮🇳</span>
1727                <span>हिंदी</span>
1728              </button>
1729                            <button class="mc-lang-pc-btn" data-lang="bn"
1730                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1731                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1732                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1733                      aria-label="বাংলা">
1734                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇧🇩</span>
1735                <span>বাংলা</span>
1736              </button>
1737                            <button class="mc-lang-pc-btn" data-lang="es"
1738                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1739                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1740                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1741                      aria-label="Español">
1742                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇪🇸</span>
1743                <span>Español</span>
1744              </button>
1745                            <button class="mc-lang-pc-btn" data-lang="pt"
1746                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1747                      onmouseenter="this.style.background='rgba(255,255,255,0.08)';this.style.borderColor='rgba(255,255,255,0.15)';this.style.color='#fff';"
1748                      onmouseleave="if(!this.classList.contains('mc-lang-active')){this.style.background='transparent';this.style.borderColor='transparent';this.style.color='rgba(255,255,255,0.65)';}"
1749                      aria-label="Português">
1750                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇧🇷</span>
1751                <span>Português</span>
1752              </button>
1753                          </div>
1754          </div>
1755        </div>
1756
1757        <!-- ログイン -->
1758        <a href="https://portal.money-charger.com/login"
1759           class="mc-btn-login inline-flex items-center justify-center gap-1.5 whitespace-nowrap no-underline transition-all duration-200"
1760           style="gap:6px;">
1761          <svg class="w-4 h-4 stroke-current fill-none" stroke-width="2" viewBox="0 0 24 24">
1762            <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/>
1763            <polyline points="10 17 15 12 10 7"/>
1764            <line x1="15" y1="12" x2="3" y2="12"/>
1765          </svg>
1766          ログイン        </a>
1767
1768        <!-- 無料登録 -->
1769        <a href="https://portal.money-charger.com/register"
1770           class="mc-btn-register whitespace-nowrap no-underline transition-colors duration-200"
1771           data-position="header">
1772          無料登録        </a>
1773
1774      </div><!-- /#mc-pc-right -->
1775
1776      <!-- ──────────────────────────────────────────
1777           HAMBURGER (SP only) — ロゴ右横に表示
1778      ────────────────────────────────────────── -->
1779      <!-- SP: ロゴ(左端)はここに配置。justify-content:space-between で左右に分かれる -->
1780            <h1 class="flex-shrink-0 lg:hidden text-base font-normal leading-none m-0" style="flex-shrink:0;">
1781      
1782        <a href="https://money-charger.com/"
1783           class="flex items-center gap-2.5 transition-opacity duration-200 hover:opacity-80 no-underline"
1784           style="display:flex !important;align-items:center !important;gap:10px !important;text-decoration:none !important;color:inherit !important;"
1785           aria-label="海外FXキャッシュバックサービスならマネチャ(Money Charger)">
1786          <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/logo_dark.webp"
1787               alt="海外FXキャッシュバックサービスならマネチャ(Money Charger)"
1788               onerror="this.onerror=null;this.src='https://money-charger.com/wp-content/themes/wp-mc/assets/home/icon-logo.webp';"
1789               style="height:36px !important;width:auto;max-width:none !important;display:block !important;">
1790        </a>
1791
1792            </h1>
1793      
1794      <!-- SP: 言語切り替え国旗ボタン + ハンバーガー -->
1795      <div id="mc-sp-right" style="display:flex;align-items:center;gap:6px;flex-shrink:0;">
1796        <!-- notranslate: Linguiseが自動翻訳するとflex/gridレイアウトが崩れるため除外 -->
1797        <div id="mc-lang-dropdown-sp" class="notranslate" translate="no" style="position:relative;">
1798          <button id="mc-lang-trigger-sp" type="button"
1799                  style="display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,0.25);border-radius:5px;cursor:pointer;outline:none;font-size:20px;line-height:1;padding:0;"
1800                  aria-label="言語選択"
1801                  aria-expanded="false" aria-haspopup="true">
1802            <span id="mc-lang-current-flag-sp"></span>
1803          </button>
1804          <div id="mc-lang-panel-sp"
1805               style="display:none;position:fixed;top:56px;left:0;right:0;background:#1A1A1A;border-bottom:1px solid rgba(255,255,255,0.15);padding:12px 16px;z-index:600;box-shadow:0 8px 24px rgba(0,0,0,0.5);">
1806            <div style="display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:400px;margin:0 auto;">
1807                            <button class="mc-lang-sp-header-btn" data-lang="ja"
1808                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1809                      aria-label="日本語">
1810                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇯🇵</span>
1811                <span>日本語</span>
1812              </button>
1813                            <button class="mc-lang-sp-header-btn" data-lang="en"
1814                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1815                      aria-label="English">
1816                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇺🇸</span>
1817                <span>English</span>
1818              </button>
1819                            <button class="mc-lang-sp-header-btn" data-lang="zh-cn"
1820                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1821                      aria-label="简体中文">
1822                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇨🇳</span>
1823                <span>简体中文</span>
1824              </button>
1825                            <button class="mc-lang-sp-header-btn" data-lang="vi"
1826                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1827                      aria-label="Tiếng Việt">
1828                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇻🇳</span>
1829                <span>Tiếng Việt</span>
1830              </button>
1831                            <button class="mc-lang-sp-header-btn" data-lang="ms"
1832                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1833                      aria-label="Melayu">
1834                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇲🇾</span>
1835                <span>Melayu</span>
1836              </button>
1837                            <button class="mc-lang-sp-header-btn" data-lang="id"
1838                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1839                      aria-label="Indonesia">
1840                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇮🇩</span>
1841                <span>Indonesia</span>
1842              </button>
1843                            <button class="mc-lang-sp-header-btn" data-lang="th"
1844                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1845                      aria-label="ไทย">
1846                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇹🇭</span>
1847                <span>ไทย</span>
1848              </button>
1849                            <button class="mc-lang-sp-header-btn" data-lang="hi"
1850                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1851                      aria-label="हिंदी">
1852                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇮🇳</span>
1853                <span>हिंदी</span>
1854              </button>
1855                            <button class="mc-lang-sp-header-btn" data-lang="bn"
1856                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1857                      aria-label="বাংলা">
1858                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇧🇩</span>
1859                <span>বাংলা</span>
1860              </button>
1861                            <button class="mc-lang-sp-header-btn" data-lang="es"
1862                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1863                      aria-label="Español">
1864                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇪🇸</span>
1865                <span>Español</span>
1866              </button>
1867                            <button class="mc-lang-sp-header-btn" data-lang="pt"
1868                      style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:rgba(255,255,255,0.65);transition:all .15s;text-align:left;white-space:nowrap;"
1869                      aria-label="Português">
1870                <span style="font-size:18px;line-height:1;flex-shrink:0;">🇧🇷</span>
1871                <span>Português</span>
1872              </button>
1873                          </div>
1874          </div>
1875        </div>
1876
1877        <button id="mc-hamburger-btn"
1878                class="flex flex-col items-center justify-center gap-[5px] w-9 h-9 rounded-[5px] flex-shrink-0 bg-transparent border-0 cursor-pointer"
1879                aria-label="メニューを開く"
1880                aria-expanded="false">
1881          <span class="mc-ham-1 block w-5 bg-white rounded-sm origin-center transition-all duration-300" style="height:1.5px;"></span>
1882          <span class="mc-ham-2 block w-5 bg-white rounded-sm transition-all duration-300" style="height:1.5px;"></span>
1883          <span class="mc-ham-3 block w-5 bg-white rounded-sm origin-center transition-all duration-300" style="height:1.5px;"></span>
1884        </button>
1885      </div>
1886
1887    </header><!-- /#mc-header -->
1888
1889
1890
1891
1892    <!-- ============================================================
1893         SP OVERLAY (mobile slide-in menu)
1894    ============================================================ -->
1895    <div id="mc-sp-overlay"
1896         role="dialog" aria-modal="true"
1897         aria-label="メニュー"
1898         aria-hidden="true"
1899         style="position:fixed;inset:0;z-index:500;display:flex;justify-content:flex-end;background:rgba(0,0,0,0.72);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s;">
1900
1901      <div id="mc-sp-backdrop" style="position:absolute;inset:0;"></div>
1902
1903      <div id="mc-sp-panel"
1904           style="position:relative;display:flex;flex-direction:column;width:85%;max-width:380px;height:100%;background-color:#0B0B0B;border-left:1px solid rgba(255,255,255,0.08);overflow-y:auto;transform:translateX(100%);transition:transform .3s ease-out;font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Meiryo',sans-serif;color:#ffffff;font-size:15px;">
1905
1906        <!-- ▼ ヘッダー -->
1907        <div style="position:relative;display:flex;align-items:center;justify-content:center;padding:16px 20px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,0.09);">
1908          <span style="font-size:14px;font-weight:700;color:#ffffff;">メニュー</span>
1909          <button id="mc-sp-close"
1910                  style="position:absolute;right:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#ffffff;cursor:pointer;padding:0;"
1911                  aria-label="メニューを閉じる">
1912            <svg style="width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;" viewBox="0 0 24 24">
1913              <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
1914            </svg>
1915          </button>
1916        </div>
1917
1918        <!-- ▼ CTA -->
1919        <div style="display:flex;flex-direction:column;gap:8px;padding:16px 20px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,0.09);">
1920          <a href="https://portal.money-charger.com/register"
1921             class="mc-sp-btn-register">
1922            <svg style="width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;" viewBox="0 0 24 24">
1923              <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
1924              <circle cx="9" cy="7" r="4"/>
1925              <line x1="19" y1="8" x2="19" y2="14"/><line x1="22" y1="11" x2="16" y2="11"/>
1926            </svg>
1927            無料登録          </a>
1928          <a href="https://portal.money-charger.com/login"
1929             class="mc-sp-btn-login">
1930            <svg style="width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;" viewBox="0 0 24 24">
1931              <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/>
1932              <polyline points="10 17 15 12 10 7"/>
1933              <line x1="15" y1="12" x2="3" y2="12"/>
1934            </svg>
1935            ログイン          </a>
1936        </div>
1937
1938        <!-- ▼ ナビゲーションリスト -->
1939        <div style="flex:1;display:flex;flex-direction:column;overflow-y:auto;">
1940
1941          <!-- ① キャッシュバック accordion -->
1942          <div>
1943            <div id="mc-sp-cb-trigger"
1944                 class="mc-sp-acc-trigger"
1945                 role="button" aria-expanded="false">
1946              キャッシュバック              <svg class="mc-sp-acc-chevron"
1947                   style="width:14px;height:14px;stroke:rgba(255,255,255,0.35);fill:none;stroke-width:2;flex-shrink:0;transition:transform .25s ease-out,stroke .2s;"
1948                   viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
1949            </div>
1950
1951            <div id="mc-sp-cb-body"
1952                 style="overflow:hidden;max-height:0;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.09);transition:max-height .35s ease-out;">
1953              <div style="padding:20px 20px 4px;">
1954
1955                <div style="font-size:12px;font-weight:700;color:#FACC15;margin-bottom:8px;letter-spacing:.04em;">はじめかた</div>
1956                <div style="height:2px;background:#FACC15;border-radius:1px;margin-bottom:14px;"></div>
1957
1958                <a href="https://money-charger.com/information/beginner/" class="mc-sp-card">
1959                  <div class="mc-sp-card-icon">
1960                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/how_to_use.webp" alt="ご利用ガイド">
1961                  </div>
1962                  <div>
1963                    <div class="mc-sp-card-title">ご利用ガイド</div>
1964                    <div class="mc-sp-card-desc">
1964CBの仕組みと始め方を3分で解説</div>
1965                  </div>
1966                </a>
1967
1968                <a href="https://money-charger.com/#cb-simulator" class="mc-sp-card" style="margin-bottom:16px;">
1969                  <div class="mc-sp-card-icon">
1970                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/cb_simulator.webp" alt="CBシミュレーター">
1971                  </div>
1972                  <div>
1973                    <div class="mc-sp-card-title">CBシミュレーター</div>
1974                    <div class="mc-sp-card-desc">あなたの取引でいくらもらえるか即計算</div>
1975                  </div>
1976                </a>
1977
1978                <div style="font-size:12px;font-weight:700;color:#FACC15;margin-bottom:8px;letter-spacing:.04em;">いま人気の業者</div>
1979                <div style="height:2px;background:#FACC15;border-radius:1px;margin-bottom:12px;"></div>
1980
1981                <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;">
1982                                    <a href="https://money-charger.com/hfm/"
1983                     class="mc-sp-broker-btn"
1984                     style="padding:6px 4px;">
1985                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/hfm.webp"
1986                         alt="HFM"
1987                         style="width:100%;height:32px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1988                  </a>
1989                                    <a href="https://money-charger.com/xs/"
1990                     class="mc-sp-broker-btn"
1991                     style="padding:6px 4px;">
1992                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/xs.webp"
1993                         alt="XS"
1994                         style="width:100%;height:32px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
1995                  </a>
1996                                    <a href="https://money-charger.com/exness/"
1997                     class="mc-sp-broker-btn"
1998                     style="padding:6px 4px;">
1999                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/exness.webp"
2000                         alt="Exness"
2001                         style="width:100%;height:32px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
2002                  </a>
2003                                    <a href="https://money-charger.com/axi/"
2004                     class="mc-sp-broker-btn"
2005                     style="padding:6px 4px;">
2006                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axi.webp"
2007                         alt="Axi"
2008                         style="width:100%;height:32px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
2009                  </a>
2010                                    <a href="https://money-charger.com/axonmarkets/"
2011                     class="mc-sp-broker-btn"
2012                     style="padding:6px 4px;">
2013                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axon-logo.webp"
2014                         alt="Axon Markets"
2015                         style="width:100%;height:32px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
2016                  </a>
2017                                    <a href="https://money-charger.com/axiory/"
2018                     class="mc-sp-broker-btn"
2019                     style="padding:6px 4px;">
2020                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axiory.webp"
2021                         alt="AXIORY"
2022                         style="width:100%;height:32px;object-fit:contain;display:block;max-width:none !important;border:none;padding:0;margin:0;">
2023                  </a>
2024                                  </div>
2025
2026                <a href="https://money-charger.com/broker/"
2027                   style="display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#00D497;text-decoration:none;">
2028                  すべての業者をみる →                </a>
2029              </div>
2030              <div style="padding:12px 20px;border-top:1px solid rgba(255,255,255,0.09);margin-top:12px;">
2031                <a href="https://money-charger.com/faq"
2032                   style="display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.5);text-decoration:none;">
2033                  FAQ →
2034                </a>
2035              </div>
2036            </div>
2037          </div><!-- /キャッシュバック -->
2038
2039          <!-- ② ランキング -->
2040          <a href="https://money-charger.com/ranking" class="mc-sp-nav-link">
2041            ランキング            <svg style="width:14px;
2041height:14px;stroke:rgba(255,255,255,0.35);fill:none;stroke-width:2;flex-shrink:0;" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
2042          </a>
2043
2044          <!-- ③ キャンペーン -->
2045          <a href="https://money-charger.com/campaign/" class="mc-sp-nav-link">
2046            キャンペーン            <svg style="width:14px;height:14px;stroke:rgba(255,255,255,0.35);fill:none;stroke-width:2;flex-shrink:0;" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
2047          </a>
2048
2049          <!-- ④ 自動売買 accordion -->
2050          <div>
2051            <div id="mc-sp-at-trigger"
2052                 class="mc-sp-acc-trigger"
2053                 role="button" aria-expanded="false">
2054              自動売買              <svg class="mc-sp-acc-chevron"
2055                   style="width:14px;height:14px;stroke:rgba(255,255,255,0.35);fill:none;stroke-width:2;flex-shrink:0;transition:transform .25s ease-out,stroke .2s;"
2056                   viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
2057            </div>
2058
2059            <div id="mc-sp-at-body"
2060                 style="overflow:hidden;max-height:0;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.09);transition:max-height .35s ease-out;">
2061              <div style="padding:20px 20px 4px;">
2062
2063                <div style="font-size:12px;font-weight:700;color:#FACC15;margin-bottom:8px;letter-spacing:.04em;">カテゴリで探す</div>
2064                <div style="height:2px;background:#FACC15;border-radius:1px;margin-bottom:14px;"></div>
2065
2066                <a href="https://money-charger.com/ea-ranking" class="mc-sp-card">
2067                  <div class="mc-sp-card-icon">
2068                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/ranking_ea.webp" alt="EAランキング">
2069                  </div>
2070                  <div>
2071                    <div class="mc-sp-card-title">EAランキング</div>
2072                    <div class="mc-sp-card-desc">自動売買EAの横断比較</div>
2073                  </div>
2074                </a>
2075
2076                                <a href="https://money-charger.com/copytrade-ranking" class="mc-sp-card">
2077                  <div class="mc-sp-card-icon">
2078                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/copytrade/icon-copytrade.png" alt="コピトレランキング">
2079                  </div>
2080                  <div>
2081                    <div class="mc-sp-card-title">コピトレランキング</div>
2082                    <div class="mc-sp-card-desc">人気のコピートレードを比較</div>
2083                  </div>
2084                </a>
2085
2086                <a href="https://money-charger.com/ranking" class="mc-sp-card" style="margin-bottom:16px;">
2087                  <div class="mc-sp-card-icon">
2088                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/ranking_all.webp" alt="全ランキング">
2089                  </div>
2090                  <div>
2091                    <div class="mc-sp-card-title">全ランキング</div>
2092                    <div class="mc-sp-card-desc">すべてのカテゴリを確認</div>
2093                  </div>
2094                </a>
2095
2096                <div style="font-size:12px;font-weight:700;color:#FACC15;margin-bottom:8px;letter-spacing:.04em;">今注目の戦略</div>
2097                <div style="height:2px;background:#FACC15;border-radius:1px;margin-bottom:14px;"></div>
2098
2099                <a href="https://money-charger.com/ea/no1omega" class="mc-sp-card">
2100                  <div class="mc-sp-card-icon">
2101                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/pickup_omega.webp" alt="OMEGA EA">
2102                  </div>
2103                  <div>
2104                    <div style="margin-bottom:3px;"><span class="mc-badge mc-badge-green">MCG公式</span></div>
2105                    <div class="mc-sp-card-title">OMEGA EA</div>
2106                    <div class="mc-sp-card-desc">天下一武道会 優勝EA</div>
2107                  </div>
2108                </a>
2109
2110                                <a href="https://money-charger.com/auto-trading/ai-copytrade" class="mc-sp-card">
2111                  <div class="mc-sp-card-icon">
2112                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/pickup_copytrade.webp" alt="AIコピトレ">
2113                  </div>
2114                  <div>
2115                    <div style="margin-bottom:3px;"><span class="mc-badge mc-badge-gray">MCG推奨</span></div>
2116                    <div class="mc-sp-card-title">AIコピトレ</div>
2117                    <div class="mc-sp-card-desc">AIが自動で最適ポジション</div>
2118                  </div>
2119                </a>
2120
2121                <a href="https://money-charger.com/mc-ea-battle/" class="mc-sp-card" style="margin-bottom:4px;">
2122                  <div class="mc-sp-card-icon">
2123                    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/pickup_eabattle.webp" alt="EA天下一武道会">
2124                  </div>
2125                  <div>
2126                    <div style="margin-bottom:3px;"><span class="mc-badge mc-badge-yellow">イベント</span></div>
2127                    <div class="mc-sp-card-title">EA天下一武道会</div>
2128                    <div class="mc-sp-card-desc">最強EAを決める対戦企画</div>
2129                  </div>
2130                </a>
2131              </div>
2132              <div style="padding:12px 20px;border-top:1px solid rgba(255,255,255,0.09);margin-top:12px;">
2133                <a href="https://money-charger.com/ea-guide/"
2134                   style="display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.5);text-decoration:none;">
2135                  自動売買とは? →                </a>
2136              </div>
2137            </div>
2138          </div><!-- /自動売買 -->
2139
2140          <!-- ⑤ パートナー募集 -->
2141          <a href="https://money-charger.com/affiliate" class="mc-sp-nav-link">
2142            パートナー募集            <svg style="width:14px;
2142height:14px;stroke:rgba(255,255,255,0.35);fill:none;stroke-width:2;flex-shrink:0;" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
2143          </a>
2144
2145          <!-- ⑥ マネログ -->
2146          <a href="https://money-charger.com/manelog/" class="mc-sp-nav-link">
2147            マネログ            <svg style="width:14px;height:14px;stroke:rgba(255,255,255,0.35);fill:none;stroke-width:2;flex-shrink:0;" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>
2148          </a>
2149
2150          <!-- 言語選択はヘッダー上の国旗ボタンに移動済み -->
2151
2152        </div><!-- /.nav list -->
2153      </div><!-- /#mc-sp-panel -->
2154    </div><!-- /#mc-sp-overlay -->
2155
2156    
2157    <main class="layout-content" id="main-content">
2158
2159
2160<!-- ================================================================
2161     HEADER / SP OVERLAY — Vanilla JS
2162================================================================ -->
2163<script>
2164(function () {
2165  'use strict';
2166
2167  /* ── PC: 左右グループの表示切り替え ── */
2168  var pcLeft      = document.getElementById('mc-pc-left');
2169  var pcRight     = document.getElementById('mc-pc-right');
2170  var spRight     = document.getElementById('mc-sp-right');
2171  /* SP ロゴ(lg:hidden の h1/p) */
2172  var spLogos     = document.querySelectorAll('#mc-header .lg\\:hidden');
2173
2174  function syncNavDisplay() {
2175    if (window.innerWidth >= 1024) {
2176      if (pcLeft)      { pcLeft.style.setProperty('display', 'flex', 'important'); }
2177      if (pcRight)     { pcRight.style.setProperty('display', 'flex', 'important'); }
2178      if (spRight)     { spRight.style.setProperty('display', 'none', 'important'); }
2179      spLogos.forEach(function(el) { el.style.setProperty('display', 'none', 'important'); });
2180    } else {
2181      if (pcLeft)      { pcLeft.style.setProperty('display', 'none', 'important'); }
2182      if (pcRight)     { pcRight.style.setProperty('display', 'none', 'important'); }
2183      if (spRight)     { spRight.style.setProperty('display', 'flex', 'important'); }
2184      spLogos.forEach(function(el) { el.style.removeProperty('display'); });
2185    }
2186  }
2187  syncNavDisplay();
2188  window.addEventListener('resize', syncNavDisplay);
2189
2190  function openOverlay(item) {
2191    var overlay = item.querySelector('.mc-nav-overlay');
2192    var btn     = item.querySelector('.mc-nav-link');
2193    var chevron = item.querySelector('.mc-nav-chevron');
2194    if (!overlay) return;
2195    overlay.style.transition  = 'opacity .2s ease-out,transform .2s ease-out,visibility 0s 0s';
2196    overlay.style.opacity     = '1';
2197    overlay.style.visibility  = 'visible';
2198    overlay.style.pointerEvents = 'auto';
2199    overlay.style.transform   = 'translateX(-50%) translateY(0)';
2200    if (btn)     btn.style.color = '#FACC15';
2201    if (chevron) chevron.style.transform = 'rotate(180deg)';
2202    if (btn)     btn.setAttribute('aria-expanded', 'true');
2203  }
2204
2205  function closeOverlay(item) {
2206    var overlay = item.querySelector('.mc-nav-overlay');
2207    var btn     = item.querySelector('.mc-nav-link');
2208    var chevron = item.querySelector('.mc-nav-chevron');
2209    if (!overlay) return;
2210    overlay.style.transition  = 'opacity .2s ease-out,transform .2s ease-out,visibility 0s .2s';
2211    overlay.style.opacity     = '0';
2212    overlay.style.pointerEvents = 'none';
2213    overlay.style.transform   = 'translateX(-50%) translateY(10px)';
2214    if (btn)     btn.style.color = '';
2215    if (chevron) chevron.style.transform = '';
2216    if (btn)     btn.setAttribute('aria-expanded', 'false');
2217    setTimeout(function () { overlay.style.visibility = 'hidden'; }, 200);
2218  }
2219
2220  var pcItems = document.querySelectorAll('.mc-nav-item[data-overlay="true"]');
2221  pcItems.forEach(function (item) {
2222    var timer = null;
2223    item.addEventListener('mouseenter', function () {
2224      clearTimeout(timer);
2225      openOverlay(item);
2226    });
2227    item.addEventListener('mouseleave', function () {
2228      clearTimeout(timer);
2229      timer = setTimeout(function () { closeOverlay(item); }, 150);
2230    });
2231    var btn = item.querySelector('.mc-nav-link');
2232    if (btn) {
2233      btn.addEventListener('keydown', function (e) {
2234        if (e.key === 'Enter' || e.key === ' ') {
2235          e.preventDefault();
2236          var overlay = item.querySelector('.mc-nav-overlay');
2237          if (overlay && overlay.style.visibility === 'visible') {
2238            closeOverlay(item);
2239          } else {
2240            openOverlay(item);
2241          }
2242        }
2243      });
2244    }
2245  });
2246
2247  document.addEventListener('click', function (e) {
2248    pcItems.forEach(function (item) {
2249      if (!item.contains(e.target)) closeOverlay(item);
2250    });
2251  });
2252
2253  var hamburgerBtn = document.getElementById('mc-hamburger-btn');
2254  var spOverlay    = document.getElementById('mc-sp-overlay');
2255  var spPanel      = document.getElementById('mc-sp-panel');
2256  var spBackdrop   = document.getElementById('mc-sp-backdrop');
2257  var spClose      = document.getElementById('mc-sp-close');
2258
2259  function refreshSpMenuElements() {
2260    spOverlay  = document.getElementById('mc-sp-overlay');
2261    spPanel    = document.getElementById('mc-sp-panel');
2262    spBackdrop = document.getElementById('mc-sp-backdrop');
2263    spClose    = document.getElementById('mc-sp-close');
2264  }
2265
2266  function openSpMenu() {
2267    refreshSpMenuElements();
2268    if (!spOverlay || !spPanel || !hamburgerBtn) return;
2269    spOverlay.style.transition = 'opacity .3s ease-out,visibility 0s 0s';
2270    spOverlay.style.opacity    = '1';
2271    spOverlay.style.visibility = 'visible';
2272    spPanel.style.setProperty('transform', 'translateX(0)', 'important');
2273    spOverlay.setAttribute('aria-hidden', 'false');
2274    hamburgerBtn.setAttribute('aria-expanded', 'true');
2275    hamburgerBtn.setAttribute('aria-label', 'メニューを閉じる');
2276    document.body.style.overflow = 'hidden';
2277    var h1 = hamburgerBtn.querySelector('.mc-ham-1');
2278    var h2 = hamburgerBtn.querySelector('.mc-ham-2');
2279    var h3 = hamburgerBtn.querySelector('.mc-ham-3');
2280    if (h1) h1.style.transform = 'translateY(6.5px) rotate(45deg)';
2281    if (h2) h2.style.opacity   = '0';
2282    if (h3) h3.style.transform = 'translateY(-6.5px) rotate(-45deg)';
2283  }
2284
2285  function closeSpMenu() {
2286    refreshSpMenuElements();
2287    if (!spOverlay || !spPanel || !hamburgerBtn) return;
2288    spOverlay.style.transition = 'opacity .3s ease-out,visibility 0s .3s';
2289    spOverlay.style.opacity    = '0';
2290    spPanel.style.setProperty('transform', 'translateX(100%)', 'important');
2291    setTimeout(function () { spOverlay.style.visibility = 'hidden'; }, 300);
2292    spOverlay.setAttribute('aria-hidden', 'true');
2293    hamburgerBtn.setAttribute('aria-expanded', 'false');
2294    hamburgerBtn.setAttribute('aria-label', 'メニューを開く');
2295    document.body.style.overflow = '';
2296    var h1 = hamburgerBtn.querySelector('.mc-ham-1');
2297    var h2 = hamburgerBtn.querySelector('.mc-ham-2');
2298    var h3 = hamburgerBtn.querySelector('.mc-ham-3');
2299    if (h1) h1.style.transform = '';
2300    if (h2) h2.style.opacity   = '1';
2301    if (h3) h3.style.transform = '';
2302  }
2303
2304  hamburgerBtn.addEventListener('click', function () {
2305    refreshSpMenuElements();
2306    if (!spOverlay) return;
2307    spOverlay.style.visibility === 'visible' ? closeSpMenu() : openSpMenu();
2308  });
2309  if (spClose)    spClose.addEventListener('click', closeSpMenu);
2310  if (spBackdrop) spBackdrop.addEventListener('click', closeSpMenu);
2311  document.addEventListener('click', function (e) {
2312    if (e.target.closest('#mc-sp-close') || e.target.closest('#mc-sp-backdrop')) closeSpMenu();
2313  });
2314  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeSpMenu(); });
2315
2316  var spAccordions = [
2317    { triggerId: 'mc-sp-cb-trigger', bodyId: 'mc-sp-cb-body' },
2318    { triggerId: 'mc-sp-at-trigger', bodyId: 'mc-sp-at-body' }
2319  ];
2320
2321  function closeSpAcc(trigger, body) {
2322    body.style.maxHeight = '0';
2323    trigger.setAttribute('aria-expanded', 'false');
2324    trigger.style.setProperty('color', '#ffffff', 'important');
2325    var chevron = trigger.querySelector('.mc-sp-acc-chevron');
2326    if (chevron) {
2327      chevron.style.transform = '';
2328      chevron.style.setProperty('stroke', 'rgba(255,255,255,0.22)', 'important');
2329    }
2330  }
2331
2332  function openSpAcc(trigger, body) {
2333    spAccordions.forEach(function(acc) {
2334      var t = document.getElementById(acc.triggerId);
2335      var b = document.getElementById(acc.bodyId);
2336      if (t && b && t !== trigger) closeSpAcc(t, b);
2337    });
2338    body.style.maxHeight = '1400px';
2339    trigger.setAttribute('aria-expanded', 'true');
2340    trigger.style.setProperty('color', '#FACC15', 'important');
2341    var chevron = trigger.querySelector('.mc-sp-acc-chevron');
2342    if (chevron) {
2343      chevron.style.transform = 'rotate(90deg)';
2344      chevron.style.setProperty('stroke', '#FACC15', 'important');
2345    }
2346  }
2347
2348  spAccordions.forEach(function(acc) {
2349    var trigger = document.getElementById(acc.triggerId);
2350    var body    = document.getElementById(acc.bodyId);
2351    if (!trigger || !body) return;
2352    closeSpAcc(trigger, body);
2353    trigger.addEventListener('click', function () {
2354      var isOpen = body.style.maxHeight !== '0px' && body.style.maxHeight !== '';
2355      if (isOpen) { closeSpAcc(trigger, body); } else { openSpAcc(trigger, body); }
2356    });
2357  });
2358
2359  /* ── 言語切り替えロジック ── */
2360
2361  var langFlags = {
2362    'ja':'🇯🇵','en':'🇺🇸','ko':'🇰🇷','zh-cn':'🇨🇳','vi':'🇻🇳','ms':'🇲🇾',
2363    'id':'🇮🇩','th':'🇹🇭','hi':'🇮🇳','bn':'🇧🇩','ur':'🇵🇰','ar':'🇸🇦',
2364    'es':'🇪🇸','pt':'🇧🇷','fr':'🇫🇷'
2365  };
2366  var langRegex = /^\/(ja|en|zh-cn|vi|ms|ko|ar|bn|pt|th|es|fr|id|ur|hi)(\/|$)/;
2367
2368  function detectLang() {
2369    var m = location.pathname.match(langRegex);
2370    return m ? m[1] : 'ja';
2371  }
2372  var currentLang = detectLang();
2373
2374  function switchLang(lang) {
2375    var hreflang = document.querySelector('link[rel="alternate"][hreflang="' + lang + '"]');
2376    if (hreflang && hreflang.href) {
2377      location.href = hreflang.href;
2378      return;
2379    }
2380    var path   = location.pathname;
2381    var search = location.search;
2382    var base   = location.protocol + '//' + location.hostname;
2383    var basePath = path.replace(langRegex, function(m, code, sep){ return sep || '/'; });
2384    location.href = base + '/' + lang + (basePath === '/' ? '/' : basePath) + search;
2385  }
2386
2387  /* PC: 国旗ドロップダウン */
2388  var langTrigger = document.getElementById('mc-lang-trigger-pc');
2389  var langPanel   = document.getElementById('mc-lang-panel-pc');
2390  var langFlag    = document.getElementById('mc-lang-current-flag');
2391
2392  if (langFlag) langFlag.textContent = langFlags[currentLang] || '🌐';
2393
2394  if (langTrigger && langPanel) {
2395    var langPanelOpen = false;
2396
2397    function toggleLangPanel(open) {
2398      langPanelOpen = open;
2399      langPanel.style.display = open ? 'block' : 'none';
2400      langTrigger.setAttribute('aria-expanded', open ? 'true' : 'false');
2401    }
2402
2403    langTrigger.addEventListener('click', function(e) {
2404      e.stopPropagation();
2405      toggleLangPanel(!langPanelOpen);
2406    });
2407
2408    document.addEventListener('click', function(e) {
2409      if (langPanelOpen && !langPanel.contains(e.target)) toggleLangPanel(false);
2410    });
2411
2412    document.querySelectorAll('.mc-lang-pc-btn').forEach(function(btn) {
2413      if (btn.dataset.lang === currentLang) {
2414        btn.classList.add('mc-lang-active');
2415        btn.style.color = '#fff';
2416        btn.style.background = 'rgba(255,255,255,0.08)';
2417        btn.style.borderColor = 'rgba(245,197,24,0.5)';
2418      }
2419      btn.addEventListener('click', function() { switchLang(this.dataset.lang); });
2420    });
2421  }
2422
2423  /* SP: ヘッダー国旗ドロップダウン */
2424  var spTrigger = document.getElementById('mc-lang-trigger-sp');
2425  var spPanel   = document.getElementById('mc-lang-panel-sp');
2426  var spFlag    = document.getElementById('mc-lang-current-flag-sp');
2427
2428  if (spFlag) spFlag.textContent = langFlags[currentLang] || '🌐';
2429
2430  var spLangOpen = false;
2431
2432  function getSpLangEls() {
2433    return {
2434      trigger: document.getElementById('mc-lang-trigger-sp'),
2435      panel:   document.getElementById('mc-lang-panel-sp')
2436    };
2437  }
2438
2439  function toggleSpLang(open) {
2440    var els = getSpLangEls();
2441    if (!els.trigger || !els.panel) return;
2442    spLangOpen = open;
2443    els.panel.style.display = open ? 'block' : 'none';
2444    els.trigger.setAttribute('aria-expanded', open ? 'true' : 'false');
2445  }
2446
2447  document.addEventListener('click', function(e) {
2448    var trigger = e.target.closest('#mc-lang-trigger-sp');
2449    if (trigger) {
2450      e.stopPropagation();
2451      toggleSpLang(!spLangOpen);
2452      return;
2453    }
2454    var langBtn = e.target.closest('.mc-lang-sp-header-btn');
2455    if (langBtn) {
2456      switchLang(langBtn.dataset.lang);
2457      return;
2458    }
2459    if (spLangOpen) {
2460      var els = getSpLangEls();
2461      if (els.panel && !els.panel.contains(e.target)) toggleSpLang(false);
2462    }
2463  });
2464
2465  if (spTrigger && spPanel) {
2466    document.querySelectorAll('.mc-lang-sp-header-btn').forEach(function(btn) {
2467      if (btn.dataset.lang === currentLang) {
2468        btn.style.color = '#fff';
2469        btn.style.background = 'rgba(255,255,255,0.08)';
2470        btn.style.borderColor = 'rgba(245,197,24,0.5)';
2471      }
2472    });
2473  }
2474
2475  var loginBtn = document.querySelector('#mc-header .mc-btn-login');
2476  if (loginBtn) {
2477    loginBtn.addEventListener('mouseenter', function () {
2478      this.style.setProperty('background-color', '#ffffff', 'important');
2479      this.style.setProperty('color', '#000000', 'important');
2480    });
2481    loginBtn.addEventListener('mouseleave', function () {
2482      this.style.setProperty('background-color', 'transparent', 'important');
2483      this.style.setProperty('color', '#ffffff', 'important');
2484    });
2485  }
2486  var registerBtn = document.querySelector('#mc-header .mc-btn-register');
2487  if (registerBtn) {
2488    registerBtn.addEventListener('mouseenter', function () {
2489      this.style.setProperty('background-color', '#EAB308', 'important');
2490    });
2491    registerBtn.addEventListener('mouseleave', function () {
2492      this.style.setProperty('background-color', '#FACC15', 'important');
2493    });
2494  }
2495
2496  document.querySelectorAll('#mc-header nav > a, #mc-header .mc-nav-link').forEach(function (el) {
2497    el.addEventListener('mouseenter', function () {
2498      this.style.setProperty('color', '#FACC15', 'important');
2499    });
2500    el.addEventListener('mouseleave', function () {
2501      this.style.removeProperty('color');
2502    });
2503  });
2504
2505})();
2506</script>
2506
2507
2508<link rel="stylesheet" href="https://money-charger.com/wp-content/themes/wp-mc/assets/tailwind/page-front.css?1788432820">
2509<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&#038;family=DM+Mono:wght@400;700&#038;display=swap" media="print" onload="this.media=&#039;all&#039;;if(document.fonts&amp;&amp;document.fonts.ready){document.fonts.ready.then(function(){window.dispatchEvent(new Event(&#039;resize&#039;));});}">
2510<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&#038;family=DM+Mono:wght@400;700&#038;display=swap"></noscript>
2511
2512<style>
2513  /* Strategy: set .mc-home font-size to 16px (fixes rem base),
2514     then disable theme's 1.6em ONLY via a scoped <style> injected by JS
2515     that runs AFTER all.css but BEFORE Tailwind processes */
2516
2517  /* rem values are now correct because JS sets html font-size to 16px
2518     and removes all.css em overrides. No px conversion needed. */
2519  /* section-en font */
2520  .mc-home .section-en { font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; }
2521  /* Force left-align by default, center only where explicitly set */
2522  .mc-home, .mc-home * { text-align: left !important; }
2523  .mc-home [class*="text-center"], .mc-home [class*="text-center"] * { text-align: center !important; }
2524  .mc-home .stat-box, .mc-home .stat-box * { text-align: center !important; }
2525  /* Fix Tailwind border classes — need border-style: solid */
2526  .mc-home [class*="border"] { border-style: solid; }
2527  .mc-home [class*="border-b"] { border-bottom-style: solid !important; }
2528  .mc-home [class*="border-t"] { border-top-style: solid !important; }
2529  .mc-home [class*="border-l"] { border-left-style: solid !important; }
2530  .mc-home [class*="border-r"] { border-right-style: solid !important; }
2531  /* SP overrides */
2532  @media (max-width: 768px) {
2533    .mc-home [class*="px-12"], .mc-home [class*="max-md:px-4"] { padding-left: 16px !important; padding-right: 16px !important; }
2534    .mc-home [class*="max-md:py-12"] { padding-top: 48px !important; padding-bottom: 48px !important; }
2535    .mc-home [class*="max-md:py-10"] { padding-top: 40px !important; padding-bottom: 40px !important; }
2536    .mc-home [class*="max-md:py-8"] { padding-top: 32px !important; padding-bottom: 32px !important; }
2537    .mc-home [class*="max-md:mb-8"] { margin-bottom: 32px !important; }
2538    .mc-home [class*="max-md:mb-5"] { margin-bottom: 20px !important; }
2539    .mc-home [class*="max-md:p-5"] { padding: 20px !important; }
2540    .mc-home [class*="max-md:p-3"] { padding: 12px !important; }
2541  }
2542
2543
2544    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
2545    html { scroll-behavior: smooth; }
2546    body { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; background: #1A1A1A; color: #fff; }
2547    img { max-width: 100%; display: block; }
2548    a { color: inherit; text-decoration: none; }
2549    button { font-family: inherit; cursor: pointer; border: none; }
2550
2551    .grad-text {
2552      background: linear-gradient(90deg, #FDC700 0%, #FF8904 100%);
2553      -webkit-background-clip: text;
2554      -webkit-text-fill-color: transparent;
2555      background-clip: text;
2556    }
2557    .grad-btn {
2558      background: linear-gradient(90deg, #F0B100, #FF6900 50%, #FE9A00);
2559    }
2560    .grad-btn-outline {
2561      border: 4px solid rgba(253,199,0,0.5);
2562      box-shadow: 0 0 40px rgba(255,215,0,0.5);
2563    }
2564    .glow-card {
2565      border: 1px solid #FDC700;
2566      border-radius: 20px;
2567      overflow: hidden;
2568    }
2569    @media (max-width: 767px) {
2570      .glow-card { border-radius: 10px; }
2571    }
2572    .glow-box {
2573      border: 2px solid rgba(253,199,0,0.5);
2574      box-shadow: 0 0 40px rgba(255,215,0,0.5);
2575      border-radius: 20px;
2576    }
2577    .stat-box {
2578      border: 2px solid #FDC700;
2579      border-radius: 20px;
2580      box-shadow: 0 2px 30px 10px rgba(253,199,0,0.3);
2581      background: rgba(217,217,217,0);
2582    }
2583
2584    /* Ticker animation */
2585    .ticker-wrap { overflow: hidden; }
2586    .ticker-track {
2587      display: flex;
2588      animation: ticker 26.7s linear infinite;
2589      width: max-content;
2590    }
2591    @keyframes ticker {
2592      0% { transform: translateX(0); }
2593      100% { transform: translateX(-50%); }
2594    }
2595
2596    /* Fade-in */
2597    .fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
2598    .fade-in.visible { opacity: 1; transform: translateY(0); }
2599
2600    /* FAB */
2601    .fab-top { opacity: 0; pointer-events: none; transition: opacity 0.3s; }
2602    .fab-top.visible { opacity: 1; pointer-events: auto; }
2603
2604    /* Section heading */
2605    .section-en { color: #5d5d5d; font-family: 'Montserrat', sans-serif; font-weight: 900; }
2606
2607    /* Table row stripe */
2608    .table-row { background: linear-gradient(0deg, rgba(241,241,241,0.2) 34%, rgba(234,234,234,0.6) 70%); }
2609
2610    /* Simulator select */
2611    .sim-select { display: none; }
2612    .custom-select { position: relative; cursor: pointer; }
2613    .custom-select-trigger {
2614      border: 1.5px solid rgba(255,255,255,0.4);
2615      border-radius: 30px;
2616      background: transparent;
2617      color: #fff;
2618      padding: 0 40px 0 24px;
2619      display: flex;
2620      align-items: center;
2621      font-size: 15px;
2622      position: relative;
2623    }
2624    .custom-select-trigger::after {
2625      content: '';
2626      position: absolute;
2627      right: 16px;
2628      top: 50%;
2629      transform: translateY(-50%);
2630      width: 12px;
2631      height: 8px;
2632      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='2' fill='none'/%3E%3C/svg%3E");
2633      background-repeat: no-repeat;
2634      transition: transform 0.2s;
2635    }
2636    .custom-select.open .custom-select-trigger::after { transform: translateY(-50%) rotate(180deg); }
2637    .custom-select.open .custom-select-trigger { border-color: rgba(245,197,24,0.7); }
2638    .custom-select-dropdown {
2639      display: none;
2640      position: absolute;
2641      top: calc(100% + 6px);
2642      left: 0;
2643      right: 0;
2644      background: #fff;
2645      border-radius: 14px;
2646      box-shadow: 0 8px 30px rgba(0,0,0,0.4);
2647      z-index: 100;
2648      max-height: 240px;
2649      overflow-y: auto;
2650      padding: 6px;
2651    }
2652    .custom-select.open .custom-select-dropdown { display: block; }
2653    .custom-select-option {
2654      padding: 10px 14px;
2655      color: #333;
2656      font-size: 14px;
2657      border-radius: 10px;
2658      cursor: pointer;
2659      transition: background 0.15s;
2660    }
2661    .custom-select-option:hover { background: #f0f0f0; }
2662    .custom-select-option.selected { background: #FFF3CD; font-weight: 700; }
2663    .custom-select-dropdown::-webkit-scrollbar { width: 6px; }
2664    .custom-select-dropdown::-webkit-scrollbar-track { background: transparent; }
2665    .custom-select-dropdown::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
2666
2667    /* Sparkle animations */
2668    @keyframes sparkle {
2669      0% { opacity: 0; transform: scale(0) rotate(0deg); }
2670      50% { opacity: 1; transform: scale(1.2) rotate(180deg); }
2671      100% { opacity: 0; transform: scale(0) rotate(360deg); }
2672    }
2673    .animate-sparkle1 { color: #FFD700; animation: sparkle 1s ease-in-out 0.3s; }
2674    .animate-sparkle2 { color: #FFF; animation: sparkle 1s ease-in-out 0.5s; }
2675    .animate-sparkle3 { color: #FFD700; animation: sparkle 1s ease-in-out 0.7s; }
2676    .animate-sparkle4 { color: #FFF; animation: sparkle 1s ease-in-out 0.4s; }
2677
2678    /* === Cashback Simulator === */
2679    .mcg-sim-range { -webkit-appearance: none; appearance: none; height: 4px; border-radius: 4px;
2680      background: linear-gradient(90deg, #F5C518 0%, #F5C518 var(--p, 5%), #2a2a2a var(--p, 5%)); cursor: pointer; }
2681    .mcg-sim-range::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;
2682      background: #F5C518; border: 3px solid #1A1A1A; box-shadow: 0 0 0 1px #F5C518; cursor: pointer; }
2683    .mcg-sim-range::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #F5C518;
2684      border: 3px solid #1A1A1A; cursor: pointer; }
2685    @media (max-width: 767px) {
2686      .mcg-sim-range { height: 6px; }
2687      .mcg-sim-range::-webkit-slider-thumb { width: 26px;
2687 height: 26px; border-width: 4px; }
2688      .mcg-sim-range::-moz-range-thumb { width: 26px; height: 26px; border-width: 4px; }
2689    }
2690    .mcg-sim-result { position: relative; overflow: hidden; }
2691    .mcg-sim-result::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
2692      background: linear-gradient(90deg, #F5C518, #00E5A0); }
2693    .mcg-acc > summary { list-style: none; cursor: pointer; user-select: none; }
2694    .mcg-acc > summary::-webkit-details-marker { display: none; }
2695    .mcg-acc > summary::before { content: "+"; font-family: 'DM Mono', monospace; margin-right: 6px; }
2696    .mcg-acc[open] > summary::before { content: "-"; }
2697    .mcg-formula { font-family: 'DM Mono', monospace; background: #111111; border: 1px solid #2a2a2a; border-radius: 8px;
2698      padding: 12px 14px; line-height: 1.7; word-break: break-word; color: #d8dbdf; font-size: 13px; }
2699    .mcg-terms > summary { list-style: none; cursor: pointer; }
2700    .mcg-terms > summary::-webkit-details-marker { display: none; }
2701    .mcg-terms > summary::before { content: "? "; color: #F5C518; font-weight: 700; }
2702    .mcg-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
2703      padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
2704      background: linear-gradient(180deg, rgba(17,17,17,0), #111111 42%);
2705      transform: translateY(120%); transition: transform .25s ease; pointer-events: none; }
2706    .mcg-sticky-cta.show { transform: translateY(0); pointer-events: auto; }
2707    @media (min-width: 768px) { .mcg-sticky-cta { display: none !important; } }
2708    /* マネチャネコ アバター+吹き出し(ステップ案内) */
2709    .mcg-cat { width: 96px; height: 96px; border-radius: 50%;
2710      background: radial-gradient(circle at 50% 35%, #242424, #171717); border: 2px solid #F5C518;
2711      display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; box-shadow: 0 8px 26px rgba(245,197,24,.16); }
2712    .mcg-bubble { display: inline-block; background: #1A1A1A; border: 1px solid #2a2a2a; border-radius: 16px;
2713      padding: 9px 18px; font-size: 13px; font-weight: 500; color: #e7e9ec; position: relative; }
2714    .mcg-bubble::after { content: ""; position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
2715      border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #2a2a2a; }
2716    .mcg-step { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .06em;
2717      color: #8A8F98; margin-bottom: 8px; display: flex; align-items: center; gap: 7px; }
2718    .mcg-step .n { display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px;
2719      border-radius: 50%; background: #F5C518; color: #111; font-size: 11px; font-weight: 800; }
2720
2721</style>
2722
2723<script>
2724// Neutralize theme's all.css em-based font-size rules inside .mc-home
2725// by disabling the specific CSS rules that set font-size in em
2726(function(){
2727  for(var i=0;i<document.styleSheets.length;i++){
2728    try{
2729      var sheet=document.styleSheets[i];
2730      if(!sheet.href||!sheet.href.includes('all.css'))continue;
2731      function cleanRule(rule){
2732        if(!rule.style)return;
2733        // Remove em-based font-size
2734        if(rule.style.fontSize&&rule.style.fontSize.includes('em')){
2735          rule.style.removeProperty('font-size');
2736        }
2737        // Remove em-based line-height
2738        if(rule.style.lineHeight&&(rule.style.lineHeight.includes('em')||rule.style.lineHeight==='1.5')){
2739          rule.style.removeProperty('line-height');
2740        }
2741        // Remove em-based margins
2742        ['margin','marginTop','marginBottom','marginLeft','marginRight'].forEach(function(p){
2743          var v=rule.style[p];
2744          if(v&&v.includes('em')){rule.style.removeProperty(p.replace(/([A-Z])/g,'-$1').toLowerCase());}
2745        });
2746        // Remove em-based paddings
2747        ['padding','paddingTop','paddingBottom','paddingLeft','paddingRight'].forEach(function(p){
2748          var v=rule.style[p];
2749          if(v&&v.includes('em')){rule.style.removeProperty(p.replace(/([A-Z])/g,'-$1').toLowerCase());}
2750        });
2751      }
2752      for(var j=sheet.cssRules.length-1;j>=0;j--){
2753        var rule=sheet.cssRules[j];
2754        cleanRule(rule);
2755        if(rule.cssRules){
2756          for(var k=rule.cssRules.length-1;k>=0;k--){
2757            cleanRule(rule.cssRules[k]);
2758          }
2759        }
2760      }
2761    }catch(e){}
2762  }
2763  // Also fix html font-size for .mc-home scope
2764  var style=document.createElement('style');
2765  style.textContent='.mc-home{font-size:16px}';
2766  document.head.appendChild(style);
2767})();
2768</script>
2768
2769<div class="mc-home" style="background:#1A1A1A; color:#fff; font-family:'Noto Sans JP',sans-serif; font-weight:500;">
2770
2771
2772  <!-- ============================== -->
2773  <!-- HERO -->
2774  <!-- ============================== -->
2775  <section class="relative overflow-hidden bg-mc-black" style="min-height: 590px;">
2776    <!-- BG -->
2777    <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/hero-bg.webp" alt="" fetchpriority="high" decoding="async" class="absolute inset-0 w-full h-full object-cover opacity-60"><!-- TASK-061 / SEO-011: LCP要素なので優先読み込み -->
2778    <div class="relative max-w-site mx-auto px-12 max-md:px-4 flex items-center" style="min-height: 590px;">
2779      <!-- PC版: 左寄せ -->
2780      <div class="hero-pc-text hidden lg:block w-[60%] py-16" style="position:relative; z-index:2;">
2781        <!-- Headline -->
2782        <p class="grad-text leading-[1.1] font-black whitespace-nowrap" style="font-size:min(3.2vw, 38px);">・・・</p>
2783        <h1 class="font-black leading-[1.1] mb-1 text-white whitespace-nowrap" style="font-size:min(3.2vw, 38px);">
2784          1円も取りこぼさない、        </h1>
2785        <p class="grad-text font-black leading-tight mb-4 whitespace-nowrap" style="font-size:min(2.8vw, 34px);">
2786          最速 &amp; 最高還元キャッシュバック
2787        </p>
2788        <p class="text-mc-mint font-black mb-8 whitespace-nowrap" style="font-size:min(1.9vw, 23px);">
2789          海外FXで取引するだけで現金がもらえる。
2790        </p>
2791        <!-- Stats -->
2792        <div class="flex gap-1 mb-8">
2793          <div class="stat-box flex flex-col items-center justify-center w-[157px] h-[105px]">
2794            <span class="grad-text text-[30px] font-black">200億</span>
2795            <span class="text-[12px] text-white font-bold mt-1">累計CB支払額</span>
2796          </div>
2797                    <div class="stat-box flex flex-col items-center justify-center w-[157px] h-[105px]">
2798            <span class="grad-text text-[30px] font-black">平均2分</span>
2799            <span class="text-[12px] text-white font-bold mt-1">平均着金時間</span>
2800          </div>
2801                    <div class="stat-box flex flex-col items-center justify-center w-[157px] h-[105px]">
2802            <span class="grad-text text-[30px] font-black">Â¥0</span>
2803            <span class="text-[12px] text-white font-bold mt-1">出金手数料</span>
2804          </div>
2805        </div>
2806        <!-- CTA -->
2807        <div class="inline-flex flex-col items-center">
2808          <a href="https://portal.money-charger.com/register" target="_blank"
2809             class="block grad-btn text-white text-[25px] font-bold py-5 px-24 rounded-full shadow-[0_0_40px_rgba(255,215,0,0.5)] border-2 border-[rgba(253,199,0,0.5)] text-center whitespace-nowrap">
2810            今すぐ無料で登録する →
2811          </a>
2812          <p class="text-white text-[20px] font-black mt-4">登録1分・手数料ゼロ</p>
2813        </div>
2814      </div>
2815
2816      <!-- SP版: センター配置 -->
2817      <div class="lg:hidden w-full py-10 flex flex-col items-center text-center">
2818        <h1 class="text-[22px] font-black leading-[1.2] mb-1 text-white">
2819          1円も取りこぼさない、        </h1>
2820        <p class="grad-text text-[26px] font-black leading-tight mb-1">
2821          最速&最高還元
2822        </p>
2823        <p class="grad-text text-[26px] font-black leading-tight mb-3">
2824          キャッシュバック
2825        </p>
2826        <p class="text-white text-[15px] font-bold mb-1">
2827          海外FXで取引するだけで
2828        </p>
2829        <p class="text-white text-[15px] font-bold mb-5">
2830          現金がもらえる。
2831        </p>
2832        <!-- Hero Cat SP -->
2833        <div class="mb-5">
2834          <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/hero-cat.webp" alt="マネチャ猫" class="w-[220px] mx-auto">
2835        </div>
2836        <!-- Stats -->
2837        <div class="flex gap-2 mb-6 justify-center">
2838          <div class="stat-box flex flex-col items-center justify-center w-[100px] h-[78px]">
2839            <span class="grad-text text-[20px] font-black">200億</span>
2840            <span class="text-[11px] text-white font-bold mt-1">累計CB支払額</span>
2841          </div>
2842                    <div class="stat-box flex flex-col items-center justify-center w-[100px] h-[78px]">
2843            <span class="grad-text text-[20px] font-black">平均2分</span>
2844            <span class="text-[11px] text-white font-bold mt-1">平均着金時間</span>
2845          </div>
2846          <div class="stat-box flex flex-col items-center justify-center w-[100px] h-[78px]">
2847            <span class="grad-text text-[20px] font-black">Â¥0</span>
2848            <span class="text-[11px] text-white font-bold mt-1">出金手数料</span>
2849          </div>
2850        </div>
2851        <!-- CTA -->
2852        <a href="https://portal.money-charger.com/register" target="_blank"
2853           class="block grad-btn text-white text-[18px] font-bold py-4 px-12 rounded-full shadow-[0_0_40px_rgba(255,215,0,0.5)] border-2 border-[rgba(253,199,0,0.5)] text-center whitespace-nowrap">
2854          今すぐ無料で登録する →
2855        </a>
2856        <p class="text-white text-[14px] font-black mt-3">登録1分・手数料ゼロ</p>
2857      </div>
2858
2859      <!-- Hero Cat PC -->
2860      <div class="absolute right-0 top-1/2 -translate-y-1/2 w-[45%] max-lg:hidden">
2861        <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/hero-cat.webp" alt="マネチャ猫" class="w-full -scale-x-100">
2862      </div>
2863    </div>
2864  </section>
2865
2866
2867  <!-- ============================== -->
2868  <!-- LIVE WITHDRAWAL FEED (見出し削除・縮小) -->
2869  <!-- ============================== -->
2870  <section class="bg-mc-black py-6 max-md:py-5 fade-in">
2871    <div class="max-w-site mx-auto px-12 max-md:px-4 text-center">
2872      <!-- Ticker -->
2873      <div class="ticker-wrap rounded-[10px] h-[48px] max-md:h-[40px] flex items-center" style="background: linear-gradient(90deg, rgba(0,0,0,0.9), rgba(0,43,31,0.9));">
2874        <div class="ticker-track"></div>
2875      </div>
2876    </div>
2877  </section>
2878
2879
2880  <!-- ============================== -->
2881  <!-- ★トレードタイプ診断バナー       -->
2882  <!-- ============================== -->
2883  <section class="bg-mc-black pb-8 max-md:pb-6 fade-in">
2884    <div class="max-w-[760px] mx-auto px-12 max-md:px-4">
2885      <a href="https://money-charger.com/tradetype/"
2886         class="block rounded-[14px] no-underline transition hover:-translate-y-0.5"
2887         style="background:linear-gradient(135deg,#0E2A1F,#0A1F17);border:1.5px solid #10D89E;box-shadow:0 0 0 1px rgba(16,216,158,.1),0 8px 28px rgba(16,216,158,.08);">
2888        <div class="flex items-center gap-4 max-md:gap-2 px-6 max-md:px-3 py-3 max-md:py-2.5">
2889          <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/diagnosis/types/scholar.webp"
2890               alt="トレードタイプ診断"
2891               class="w-[78px] h-[78px] max-md:w-[52px] max-md:h-[52px] object-contain flex-shrink-0"
2892               style="filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))">
2893          <div class="flex-1 min-w-0">
2894            <div class="text-white font-black text-[18px] max-md:text-[13px] leading-tight whitespace-nowrap">あなたのトレードタイプは?</div>
2895            <div class="text-[12px] max-md:text-[10px] mt-1 max-md:mt-0.5" style="color:#9CC9B5">あなたのタイプをチェックしよう!</div>
2896          </div>
2897          <span class="flex-shrink-0 font-bold text-[14px] max-md:text-[11px] py-3 max-md:py-2 px-5 max-md:px-3 rounded-full whitespace-nowrap"
2898                style="background:#10D89E;color:#0A1F17">30秒で診断 →</span>
2899        </div>
2900      </a>
2901    </div>
2902  </section>
2903
2904
2905  <!-- ============================== -->
2906  <!-- EVENTS & CAMPAIGNS -->
2907  <!-- ============================== -->
2908  <section id="campaigns" class="bg-mc-black py-16 max-md:py-10 fade-in">
2909    <div class="max-w-site mx-auto px-12 max-md:px-4 text-center">
2910      <p class="section-en text-[36px] max-md:text-[20px] mb-1">EVENTS &amp; CAMPAIGNS</p>
2911      <h2 class="text-[36px] max-md:text-[24px] font-black">
2912        <span class="grad-text">イベント&キャンペーン</span>
2913      </h2>
2914    </div>
2915
2916    
2917        <div class="mt-10 max-md:mt-6 relative w-full overflow-hidden" id="campaignSlider">
2918      <div id="sliderTrack" class="flex transition-transform duration-[800ms] ease-in-out" style="gap:24px;">
2919
2920        <!-- Clone last -->
2921        <a href="https://money-charger.com/trader/axi-2/"
2922          class="slider-card shrink-0 w-[85%] max-md:w-[90%] aspect-[16/9] glow-card block">
2923          <img src="https://money-charger.com/wp-content/uploads/2026/04/axi_2026040902-1024x572.png"
2924              alt="Axi trader"
2925              class="w-full h-full object-cover">
2926        </a>
2927
2928        <!-- Slides -->
2929                  <a href="https://money-charger.com/campaign/exnesscbb202606/"
2930            class="slider-card shrink-0 w-[85%] max-md:w-[90%] aspect-[16/9] glow-card block">
2931            <img src="https://money-charger.com/wp-content/uploads/2026/06/777万円サムネ-1024x576.png"
2932                alt="Exness"
2933                class="w-full h-full object-cover">
2934          </a>
2935                  <a href="https://money-charger.com/axiory15years202502/"
2936            class="slider-card shrink-0 w-[85%] max-md:w-[90%] aspect-[16/9] glow-card block">
2937            <img src="https://money-charger.com/wp-content/uploads/2026/04/3dbcf585-6caf-4533-a261-fc7fff6675dd-1024x576.png"
2938                alt="Axiory campaign"
2939                class="w-full h-full object-cover">
2940          </a>
2941                  <a href="https://money-charger.com/campaign/xs-cashback-battle-202609/"
2942            class="slider-card shrink-0 w-[85%] max-md:w-[90%] aspect-[16/9] glow-card block">
2943            <img src="https://money-charger.com/wp-content/uploads/2026/06/記事投稿サムネイル背景テンプレート-3-1024x576.png"
2944                alt="XSCBcampaign"
2945                class="w-full h-full object-cover">
2946          </a>
2947                  <a href="https://money-charger.com/trader/axi-2/"
2948            class="slider-card shrink-0 w-[85%] max-md:w-[90%] aspect-[16/9] glow-card block">
2949            <img src="https://money-charger.com/wp-content/uploads/2026/04/axi_2026040902-1024x572.png"
2950                alt="Axi trader"
2951                class="w-full h-full object-cover">
2952          </a>
2953        
2954        <!-- Clone first -->
2955        <a href="https://money-charger.com/campaign/exnesscbb202606/"
2956          class="slider-card shrink-0 w-[85%] max-md:w-[90%] aspect-[16/9] glow-card block">
2957          <img src="https://money-charger.com/wp-content/uploads/2026/06/777万円サムネ-1024x576.png"
2958              alt="Exness"
2959              class="w-full h-full object-cover">
2960        </a>
2961
2962      </div>
2963
2964      <!-- Dots -->
2965      <div class="flex justify-center gap-3 mt-5">
2966                  <button
2967            class="slider-dot w-3 h-3 rounded-full bg-mc-yellow transition-all duration-300"
2968            data-index="0"
2969          ></button>
2970                  <button
2971            class="slider-dot w-3 h-3 rounded-full bg-[#555] transition-all duration-300"
2972            data-index="1"
2973          ></button>
2974                  <button
2975            class="slider-dot w-3 h-3 rounded-full bg-[#555] transition-all duration-300"
2976            data-index="2"
2977          ></button>
2978                  <button
2979            class="slider-dot w-3 h-3 rounded-full bg-[#555] transition-all duration-300"
2980            data-index="3"
2981          ></button>
2982              </div>
2983    </div>
2984      </section>
2985
2986
2987  <!-- ============================== -->
2988  <!-- WHY MONEY CHARGER -->
2989  <!-- ============================== -->
2990  <section class="bg-mc-black py-20 max-md:py-12 relative overflow-hidden fade-in">
2991    <!-- Orange bokashi BG -->
2992    <div class="absolute right-[-10%] top-[-20%] w-[50%] h-[120%] opacity-15 pointer-events-none" style="background: radial-gradient(ellipse at center, #FF8904 0%, transparent 70%);"></div>
2993    <div class="absolute left-[-10%] bottom-[-20%] w-[40%] h-[100%] opacity-15 pointer-events-none" style="background: radial-gradient(ellipse at center, #FF8904 0%, transparent 70%);"></div>
2994
2995    <div class="relative max-w-site mx-auto px-12 max-md:px-4">
2996      <div class="text-center mb-12 max-md:mb-8">
2997        <p class="section-en text-[36px] max-md:text-[18px] mb-1">WHY MONEY CHARGER</p>
2998        <h2 class="text-[36px] max-md:text-[24px] font-black">
2999          マネチャが<span class="grad-text">選ばれる理由</span>
3000        </h2>
3001      </div>
3002
3003      <!-- Top 2 big cards -->
3004      <div class="grid grid-cols-2 max-md:grid-cols-1 gap-6 mb-6">
3005        <!-- 最高還元 -->
3006        <div class="relative overflow-hidden rounded-[20px] border border-[#fdc700] p-8 max-md:p-5 min-h-[260px] max-md:min-h-[220px]">
3007          <div class="text-center mb-4">
3008            <h3 class="grad-text text-[36px] max-md:text-[24px] font-black leading-[40px] mb-1">最高還元</h3>
3009            <p class="text-[17px] max-md:text-[14px] font-black">
3010              <span class="grad-text">どこよりも高い還元率</span><span class="text-white">を保証します。</span>
3011            </p>
3012          </div>
3013          <div class="flex items-center justify-center gap-0">
3014            <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/cat-happy-icon.webp" alt="マネチャねこ" class="w-[140px] max-md:w-[100px] flex-shrink-0 -mr-2">
3015            <div class="text-center">
3016              <div class="flex items-start justify-center gap-2 mb-3">
3017                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/sparkles.webp" alt="" class="w-[40px] h-[24px] object-contain mt-1">
3018                <div class="text-[17px] max-md:text-[14px] font-black">
3019                  <p class="text-white leading-[25px]"><span class="grad-text text-[20px] max-md:text-[16px]">他社より低い場合</span>は</p>
3020                  <p class="text-white leading-[25px]">こちらへ↓</p>
3021                </div>
3022              </div>
3023              <a href="https://money-charger.com/contact" class="inline-block grad-btn text-white text-[17px] max-md:text-[14px] font-bold py-[6px] px-10 max-md:px-6 rounded-full">
3024                お問い合わせ
3025              </a>
3026            </div>
3027          </div>
3028        </div>
3029
3030        <!-- 最速出金 -->
3031        <div class="relative overflow-hidden rounded-[20px] border border-[#fdc700] p-8 max-md:p-5 min-h-[260px] max-md:min-h-[220px]">
3032          <div class="text-center mb-4">
3033            <h3 class="grad-text text-[36px] max-md:text-[24px] font-black leading-[40px] mb-1">最速出金</h3>
3034            <p class="text-[17px] max-md:text-[14px] font-black">
3035              <span class="grad-text">どこよりも早い出金速度</span><span class="text-white">を実現します。</span>
3036            </p>
3037          </div>
3038          <div class="flex items-center justify-center gap-0">
3039            <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/cat-niyaniya-icon.webp" alt="マネチャねこ" class="w-[140px] max-md:w-[100px] flex-shrink-0 -mr-2">
3040            <div class="text-center">
3041              <div class="flex items-start justify-center gap-2 mb-3">
3042                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/sparkles.webp" alt="" class="w-[40px] h-[24px] object-contain mt-1">
3043                <div class="text-[17px] max-md:text-[14px] font-black">
3044                  <p class="text-white leading-[25px]">
3044<span class="grad-text text-[20px] max-md:text-[16px]">平均2分</span>で着金</p>
3045                  <p class="text-white leading-[25px]">銀行出金も爆速。</p>
3046                </div>
3047              </div>
3048              <a href="#" class="inline-block grad-btn text-white text-[17px] max-md:text-[14px] font-bold py-[6px] px-10 max-md:px-6 rounded-full">
3049                出金方法を見る
3050              </a>
3051            </div>
3052          </div>
3053        </div>
3054      </div>
3055
3056      <!-- Bottom 3 small cards -->
3057      <div class="grid grid-cols-3 max-md:grid-cols-1 gap-6">
3058        <div class="rounded-[20px] border border-[#fdc700] overflow-hidden p-6 max-md:p-5 text-center">
3059          <h3 class="grad-text text-[24px] max-md:text-[20px] font-black leading-[40px] mb-1">最強コンテンツ</h3>
3060          <p class="text-[17px] max-md:text-[14px] font-black leading-[20px]">
3061            <span class="grad-text">どこよりも強力なコンテンツ</span><br>
3062            <span class="text-white">を実現します。</span>
3063          </p>
3064        </div>
3065        <div class="rounded-[20px] border border-[#fdc700] overflow-hidden p-6 max-md:p-5 text-center">
3066          <h3 class="grad-text text-[24px] max-md:text-[20px] font-black leading-[40px] mb-1">最安心サポート</h3>
3067          <p class="text-[17px] max-md:text-[14px] font-black leading-[20px]">
3068            <span class="grad-text">どこよりも丁寧なサポート</span><br>
3069            <span class="text-white">を約束します。</span>
3070          </p>
3071        </div>
3072        <div class="rounded-[20px] border border-[#fdc700] overflow-hidden p-6 max-md:p-5 text-center">
3073          <h3 class="grad-text text-[24px] max-md:text-[20px] font-black leading-[40px] mb-1">最注目エンタメ</h3>
3074          <p class="text-[17px] max-md:text-[14px] font-black leading-[20px]">
3075            <span class="grad-text">どこよりも楽しい体験</span><br>
3076            <span class="text-white">を提供します。</span>
3077          </p>
3078        </div>
3079      </div>
3080
3081      <!-- CTA -->
3082      <div class="text-center mt-10 max-md:mt-8">
3083        <a href="https://portal.money-charger.com/register" target="_blank"
3084           class="inline-block grad-btn text-white text-[20px] max-md:text-[16px] font-bold py-5 max-md:py-4 px-20 max-md:px-10 rounded-full shadow-[0_0_40px_rgba(255,215,0,0.5)] border-2 border-[rgba(253,199,0,0.5)]">
3085          今すぐ無料で登録する →
3086        </a>
3087      </div>
3088    </div>
3089  </section>
3090
3091
3092  <!-- ============================== -->
3093  <!-- COMPETITOR COMPARISON -->
3094  <!-- ============================== -->
3095  <section class="bg-mc-black py-20 max-md:py-12 fade-in">
3096    <div class="max-w-site mx-auto px-12 max-md:px-4">
3097      <div class="text-center mb-12 max-md:mb-8">
3098        <p class="section-en text-[36px] max-md:text-[18px] mb-1">COMPETITOR COMPARISON</p>
3099        <h2 class="text-[36px] max-md:text-[24px] font-black text-white">他社と比べてください</h2>
3100      </div>
3101
3102      <!-- Comparison Table (PC & SP共通) -->
3103      <div class="relative max-w-[960px] mx-auto pt-[80px] max-md:pt-[60px]">
3104        <!-- MC highlight column (header above table + overlapping grey row) -->
3105        <div class="absolute bg-mc-yellow rounded-t-[20px] max-md:rounded-t-[14px] left-[25%] w-[25%] top-0 z-20 flex flex-col items-center justify-center h-[132px] max-md:h-[104px]">
3106          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/icon-logo.webp" alt="MC" class="w-[40px] max-md:w-[28px] h-[40px] max-md:h-[28px] object-cover mb-0">
3107          <span class="font-bold text-[18px] max-md:text-[11px] text-black font-display leading-tight max-md:text-center">Money<br class="md:hidden">Charger</span>
3108        </div>
3109
3110        <div class="bg-white rounded-[20px] max-md:rounded-[14px] overflow-hidden relative">
3111          <!-- MC highlight column border -->
3112          <div class="absolute left-[25%] w-[25%] top-0 bottom-0 border-[3px] max-md:border-[2px] border-mc-yellow z-10 pointer-events-none"></div>
3113
3114          <!-- Header row -->
3115          <div class="bg-[#727272] grid grid-cols-4 text-center py-4 max-md:py-3 items-center h-[52px] max-md:h-[44px]">
3116            <span class="text-[20px] max-md:text-[13px] font-bold text-white">比較項目</span>
3117            <span></span>
3118            <span class="text-[18px] max-md:text-[13px] font-bold text-white">他社A</span>
3119            <span class="text-[18px] max-md:text-[13px] font-bold text-white">他社B</span>
3120          </div>
3121          <!-- Rows -->
3122          <div class="grid grid-cols-4 text-center py-5 max-md:py-3 border-b border-gray-200 items-center">
3123            <span class="text-[20px] max-md:text-[13px] font-bold text-black">出金速度</span>
3124            <span class="text-[22px] max-md:text-[14px] font-bold text-[#FF6900]">平均2分</span>
3125            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black leading-tight">数時間~3営業<br class="md:hidden">日</span>
3126            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">1~3営業日</span>
3127          </div>
3128          <div class="grid grid-cols-4 text-center py-5 max-md:py-3 border-b border-gray-200 items-center">
3129            <span class="text-[20px] max-md:text-[13px] font-bold text-black">出金手数料</span>
3130            <span class="text-[22px] max-md:text-[14px] font-bold text-[#FF6900]">$0</span>
3131            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black leading-tight">国内無料/<br>海外有料</span>
3132            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">有料</span>
3133          </div>
3134          <div class="grid grid-cols-4 text-center py-5 max-md:py-3 border-b border-gray-200 items-center">
3135            <span class="text-[20px] max-md:text-[13px] font-bold text-black">最低出金額</span>
3136            <span class="text-[22px] max-md:text-[14px] font-bold text-[#FF6900]">$3</span>
3137            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">約$9.38</span>
3138            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">約$31.25</span>
3139          </div>
3140          <div class="grid grid-cols-4 text-center py-5 max-md:py-3 border-b border-gray-200 items-center">
3141            <span class="text-[20px] max-md:text-[13px] font-bold text-black">対応業者数</span>
3142                        <span class="text-[22px] max-md:text-[14px] font-bold text-[#FF6900]">25社+</span>
3143            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">約17社</span>
3144            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">約9社</span>
3145          </div>
3146          <div class="grid grid-cols-4 text-center py-5 max-md:py-3 items-center">
3147            <span class="text-[20px] max-md:text-[13px] font-bold text-black">CB率</span>
3148            <span class="text-[22px] max-md:text-[14px] font-bold text-[#FF6900]">最高保証</span>
3149            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">最高保証</span>
3150            <span class="text-[17px] max-md:text-[11px] font-medium text-mc-black">低め</span>
3151          </div>
3152        </div>
3153      </div>
3154
3155      <!-- CTA -->
3156      <div class="text-center mt-10 max-md:mt-8">
3157        <a href="https://portal.money-charger.com/register" target="_blank"
3158           class="inline-block grad-btn-outline bg-transparent text-white text-[20px] max-md:text-[16px] font-bold py-5 max-md:py-4 px-16 max-md:px-8 rounded-full">
3159          マネチャで取引コストを下げる→
3160        </a>
3161      </div>
3162    </div>
3163  </section>
3164
3165
3166  <!-- ============================== -->
3167  
3168  <!-- ============================== -->
3169  <!-- CB SIMULATOR -->
3170  <!-- ============================== -->
3171  <section class="bg-[#111111] py-20 max-md:py-12 fade-in relative z-30" id="cb-simulator">
3172    <div class="max-w-site mx-auto px-12 max-md:px-4">
3173      <div class="text-center mb-8 max-md:mb-5" id="sim-head">
3174        <p class="section-en text-[36px] max-md:text-[18px] mb-1">CASHBACK SIMULATOR</p>
3175        <h2 class="text-[36px] max-md:text-[24px] font-black">
3176          あなたなら、<br class="hidden max-md:inline"><span class="grad-text">毎月いくら戻る?</span>
3177        </h2>
3178      </div>
3179
3180      <div class="max-w-[860px] max-md:max-w-[440px] mx-auto glow-box bg-mc-black p-8 max-md:p-5" id="sim-input">
3181        <!-- マネチャネコ -->
3182        <div class="flex justify-center mb-3">
3183          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/cat-keisan.webp" alt="マネチャネコ" class="w-[120px] max-md:w-[100px] pointer-events-none">
3184        </div>
3185        <div class="text-center mb-6"><span class="mcg-bubble" id="simBubble">まずは業者を選んでね</span></div>
3186
3187        <!-- PC: 入力(å·¦) / 結果(右) の2カラム / 結果ã
3187Œå‡ºã‚‹ã¾ã§ã¯å…¥åŠ›ã‚’ä¸­å¤®å¯„ã› / SP: 縦積み -->
3188        <div class="md:flex md:gap-8 md:items-start md:justify-center" id="simLayout">
3189          <!-- 入力カラム -->
3190          <div class="md:w-[330px] md:flex-shrink-0" id="simInputs">
3191            <!-- Step1: 業者 -->
3192            <div class="mb-4" id="brokerField">
3193              <div class="mcg-step"><span class="n">1</span>業者を選ぶ</div>
3194              <select id="simBroker" class="sim-select w-full h-[59px] max-md:h-[52px] px-4 text-[15px] appearance-none">
3195                <option value="" disabled selected>業者を選ぶ</option>
3196                <option value="exness">Exness</option>
3197                <option value="axi">Axi</option>
3198                <option value="hfm">HFM</option>
3199                <option value="xs">XS</option>
3200                <option value="titanfx">TitanFX</option>
3201                <option value="fxgt">FXGT</option>
3202                <option value="vantage">Vantage</option>
3203                <option value="bigboss">BigBoss</option>
3204                <option value="threetrader">ThreeTrader</option>
3205                <option value="axiory">AXIORY</option>
3206                <option value="ebc">EBC</option>
3207                <option value="oqtima">OQtima</option>
3208                <option value="is6fx">IS6FX</option>
3209                <option value="myfxmarkets">MYFX Markets</option>
3210                <option value="monaxa">Monaxa</option>
3211                <option value="jadeforex">JadeForex</option>
3212                <option value="icmarkets">IC Markets</option>
3213                <option value="decodefx">Decode FX</option>
3214                <option value="axonmarkets">AxonMarkets</option>
3215                <option value="infinox">INFINOX</option>
3216                <option value="dupoin">Dupoin</option>
3217              </select>
3218            </div>
3219
3220            <!-- Step2: 通貨ペア(業者選択後に表示) -->
3221            <div class="mb-4 hidden" id="pairField">
3222              <div class="mcg-step"><span class="n">2</span>通貨ペアを選ぶ</div>
3223              <select id="simPair" class="sim-select w-full h-[59px] max-md:h-[52px] px-4 text-[15px] appearance-none"></select>
3224            </div>
3225
3226            <!-- Step3: ロット(円目安が出る銘柄のみ表示) -->
3227            <div class="mb-4 hidden" id="lotField">
3228              <div class="mcg-step"><span class="n">3</span>月間ロット数</div>
3229              <div class="flex items-center gap-3">
3230                <input id="simLot" type="number" min="1" max="200" step="1" value="10" inputmode="numeric"
3231                  class="w-[110px] h-[59px] max-md:h-[52px] px-4 text-[16px] rounded-[8px] bg-mc-black border border-[#2a2a2a] text-white text-center font-mono appearance-none">
3232                <input id="simLotRange" type="range" min="1" max="200" step="1" value="10" class="mcg-sim-range flex-1">
3233              </div>
3234              <p id="lotNote" class="text-[11px] text-gray-400 mt-3 leading-relaxed">※ 1ロット=10万通貨(FX)/金・仮想通貨のロット定義は業者ごとに異なります。</p>
3235            </div>
3236
3237            <!-- 用語の説明(PCは左カラム下) -->
3238            <details class="mcg-terms mt-5 max-md:hidden">
3239              <summary class="text-[12px] text-gray-400">用語の説明</summary>
3240              <dl class="text-[12px] text-gray-300 mt-3 leading-relaxed">
3241                <dt class="text-mc-yellow font-bold mt-2">ロット</dt>
3242                <dd class="text-gray-400">取引の量の単位。FXでは1ロット=10万通貨です。</dd>
3243                <dt class="text-mc-yellow font-bold mt-2">スプレッド(取引コスト)</dt>
3244                <dd class="text-gray-400">通貨を買う値段と売る値段の差。取引のたびにかかるコストです。「スプレッドの○%還元」の業者は、このコストの一部が戻ります。</dd>
3245              </dl>
3246            </details>
3247          </div>
3248
3249          <!-- 結果カラム(業者選択後に表示) -->
3250          <div class="md:flex-1 md:min-w-0 hidden" id="simResultCol">
3251            <div class="mcg-sim-result bg-[#0d0d0d] border border-[#333333] rounded-[16px] p-7 max-md:p-5 mt-2 md:mt-0" id="sim-result"></div>
3252          </div>
3253        </div>
3254
3255        <!-- 用語の説明(SPは結果の下) -->
3256        <details class="mcg-terms mt-5 md:hidden">
3257          <summary class="text-[12px] text-gray-400 text-center">用語の説明</summary>
3258          <dl class="text-[12px] text-gray-300 mt-3 leading-relaxed">
3259            <dt class="text-mc-yellow font-bold mt-2">ロット</dt>
3260            <dd class="text-gray-400">取引の量の単位。FXでは1ロット=10万通貨です。</dd>
3261            <dt class="text-mc-yellow font-bold mt-2">スプレッド(取引コスト)</dt>
3262            <dd class="text-gray-400">通貨を買う値段と売る値段の差。取引のたびにかかるコストです。「スプレッドの○%還元」の業者は、このコストの一部が戻ります。</dd>
3263          </dl>
3264        </details>
3265      </div>
3266    </div>
3267
3268    <!-- スマホ固定CTA(業者ページ口座開設) -->
3269    <div class="mcg-sticky-cta" id="simStickyCta">
3270      <a id="simStickyLink" href="#" target="_blank" rel="noopener" class="block text-center text-white font-bold text-[15px] px-4 py-4 rounded-full shadow-[0_8px_24px_rgba(0,0,0,0.45)] hover:opacity-90 transition-opacity leading-snug" style="background:linear-gradient(90deg,#f0b100,#ff6900,#fe9a00);"></a>
3271    </div>
3272  </section>
3273
3274<!-- CAMPAIGNS & MAINTENANCE -->
3275  <!-- ============================== -->
3276  <section class="bg-mc-black py-20 max-md:py-12 fade-in">
3277    <div class="max-w-site mx-auto px-12 max-md:px-4">
3278      <div class="text-center mb-12 max-md:mb-8">
3279        <p class="section-en text-[36px] max-md:text-[18px] mb-1">CAMPAIGNS & MAINTENANCE</p>
3280        <h2 class="text-[36px] max-md:text-[24px] font-black text-white">
3281          最新の<span class="grad-text">お知らせ</span>
3282        </h2>
3283      </div>
3284
3285            <div class="grid grid-cols-2 max-md:grid-cols-1 gap-6">
3286        <!-- 開催中のキャンペーン -->
3287        <div class="rounded-[20px] border border-[#fdc700] overflow-hidden">
3288          <div class="p-8 max-md:p-5">
3289            <div class="flex items-center gap-4 mb-6">
3290              <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/megaphone.webp" alt="" class="w-[100px] max-md:w-[70px] flex-shrink-0">
3291              <div>
3292                <h3 class="text-[28px] max-md:text-[20px] font-black text-white leading-tight">開催中の</h3>
3293                <h3 class="grad-text text-[28px] max-md:text-[20px] font-black leading-tight">キャンペーン</h3>
3294              </div>
3295            </div>
3296            <div class="space-y-3">
3297                            <a href="https://money-charger.com/campaign/hfm-yukemuri-challenge-202610/" class="bg-white rounded-[14px] border-2 border-[#FFC900] shadow-[0_0_15px_rgba(253,199,0,0.4)] flex items-center gap-4 p-4 max-md:p-3" style="text-decoration:none;">
3298                                <span class="bg-[#F5C518] text-black text-[11px] font-bold px-2 py-0.5 rounded flex-shrink-0">開催中</span>
3299                                <span class="text-[14px] max-md:text-[12px] font-semibold text-[#141414]">HFM 湯けむりチャレンジ|[[br]]抽選で温泉旅行や最大630,000円が当たる</span>
3300              </a>
3301                            <a href="https://money-charger.com/campaign/hfm-deposit-bonus-202610/" class="bg-white rounded-[14px] border border-[rgba(141,122,53,0.3)] flex items-center gap-4 p-4 max-md:p-3" style="text-decoration:none;">
3302                                <span class="bg-[#F5C518] text-black text-[11px] font-bold px-2 py-0.5 rounded flex-shrink-0">開催中</span>
3303                                <span class="text-[14px] max-md:text-[12px] font-semibold text-[#141414]">HFMの100%入金ボーナス[[br]]最大45,000円キャンペーン</span>
3304              </a>
3305                            <a href="https://money-charger.com/campaign/axi-cashback-battle/" class="bg-white rounded-[14px] border border-[rgba(141,122,53,0.3)] flex items-center gap-4 p-4 max-md:p-3" style="text-decoration:none;">
3306                                <span class="bg-[#F5C518] text-black text-[11px] font-bold px-2 py-0.5 rounded flex-shrink-0">開催中</span>
3307                                <span class="text-[14px] max-md:text-[12px] font-semibold text-[#141414]">Axi × マネチャ タイアップ 賞金総額5,000USD キャッシュバックバトル</span>
3308              </a>
3309                          </div>
3310          </div>
3311          <div class="px-8 max-md:px-5 pb-6 max-md:pb-4">
3312            <a href="https://money-charger.com/campaign/" class="block text-center text-white text-[18px] max-md:text-[15px] font-bold py-3 rounded-[10px]" style="background: linear-gradient(90deg, #f0b100, #ff6900, #fe9a00);">
3313              全て見る
3314            </a>
3315          </div>
3316        </div>
3317
3318        <!-- 直近のメンテナンス情報 -->
3319        <div class="rounded-[20px] border border-[#fdc700] overflow-hidden">
3320          <div class="p-8 max-md:p-5">
3321            <div class="flex items-center gap-4 mb-6">
3322              <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/cat-construction.webp" alt="" class="w-[100px] max-md:w-[70px] flex-shrink-0">
3323              <div>
3324                <h3 class="text-[28px] max-md:text-[20px] font-black text-white leading-tight">直近の</h3>
3325                <h3 class="text-[28px] max-md:text-[20px] font-black text-white leading-tight">メンテナンス情報</h3>
3326              </div>
3327            </div>
3328            <div class="space-y-3">
3329                            <a href="https://money-charger.com/cashback_maintenance_20261002/" class="bg-white rounded-[14px] border border-[rgba(141,122,53,0.3)] flex items-center gap-4 p-4 max-md:p-3" style="text-decoration:none;">
3330                <span class="bg-mc-black text-white text-[13px] max-md:text-[11px] font-bold px-3 py-1 rounded-[8px] flex-shrink-0">メンテ</span>
3331                <span class="text-[14px] max-md:text-[12px] font-semibold text-[#141414]">
3331【重要】キャッシュバックの反映遅延について</span>
3332              </a>
3333                            <a href="https://money-charger.com/titanfx_maintenance_20260926/" class="bg-white rounded-[14px] border border-[rgba(141,122,53,0.3)] flex items-center gap-4 p-4 max-md:p-3" style="text-decoration:none;">
3334                <span class="bg-mc-black text-white text-[13px] max-md:text-[11px] font-bold px-3 py-1 rounded-[8px] flex-shrink-0">メンテ</span>
3335                <span class="text-[14px] max-md:text-[12px] font-semibold text-[#141414]">【重要】TitanFXのキャッシュバックをご利用のお客様へ</span>
3336              </a>
3337                            <a href="https://money-charger.com/fxgt_maintenance_20260822/" class="bg-white rounded-[14px] border border-[rgba(141,122,53,0.3)] flex items-center gap-4 p-4 max-md:p-3" style="text-decoration:none;">
3338                <span class="bg-mc-black text-white text-[13px] max-md:text-[11px] font-bold px-3 py-1 rounded-[8px] flex-shrink-0">メンテ</span>
3339                <span class="text-[14px] max-md:text-[12px] font-semibold text-[#141414]">【重要】INFINOXのキャッシュバックをご利用のお客様へ</span>
3340              </a>
3341                          </div>
3342          </div>
3343          <div class="px-8 max-md:px-5 pb-6 max-md:pb-4">
3344            <a href="https://money-charger.com/news/" class="block bg-[#727272] text-center text-white text-[18px] max-md:text-[15px] font-bold py-3 rounded-[10px]">
3345              全て見る
3346            </a>
3347          </div>
3348        </div>
3349      </div>
3350    </div>
3351  </section>
3352
3353
3354  <!-- ============================== -->
3355  <!-- CBだけじゃない -->
3356  <!-- ============================== -->
3357  <section class="bg-black py-20 max-md:py-12 fade-in">
3358    <div class="max-w-site mx-auto px-12 max-md:px-4 text-center">
3359      <p class="section-en text-[36px] max-md:text-[18px] mb-1">NOT JUST CASH BACK</p>
3360      <h2 class="text-[36px] max-md:text-[24px] font-black">
3361        キャッシュバック<span class="grad-text">だけじゃない</span>
3362      </h2>
3363
3364      <div class="grid grid-cols-3 max-md:grid-cols-1 gap-6 mt-12 max-md:mt-8">
3365        <!-- AIコピトレ -->
3366        <div class="glow-box bg-mc-black flex flex-col overflow-hidden">
3367          <div class="flex-1 p-6 max-md:p-5 text-center">
3368            <div class="relative h-[160px] max-md:h-[130px] flex items-end justify-center mb-4">
3369              <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/step/kopitorerunrun.webp" alt="AIコピトレ" class="h-[160px] max-md:h-[130px] object-contain">
3370            </div>
3371            <h3 class="grad-text text-[30px] max-md:text-[22px] font-black mb-4">AIコピトレ</h3>
3372            <p class="text-[17px] max-md:text-[14px] font-black text-[#fffdfd] leading-relaxed mb-4">
3373              AIが24時間あなたの代わりに<br>トレード。寝ている間も<br>資産が動く。
3374            </p>
3375            <p class="text-mc-mint text-[30px] max-md:text-[22px] font-bold">1,056名参加中</p>
3376          </div>
3377          <a href="https://money-charger.com/auto-trading/ai-copytrade" target="_blank" class="block grad-btn text-center text-white text-[20px] max-md:text-[16px] font-bold py-5 rounded-b-[18px]">
3378            詳しく見る→
3379          </a>
3380        </div>
3381
3382        <!-- OMEGA EA -->
3383        <div class="glow-box bg-mc-black flex flex-col overflow-hidden">
3384          <div class="flex-1 p-6 max-md:p-5 text-center">
3385            <div class="relative h-[160px] max-md:h-[130px] flex items-end justify-center mb-4">
3386              <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/cat-smartphone.webp" alt="OMEGA EA" class="h-[160px] max-md:h-[130px] object-contain">
3387            </div>
3388            <h3 class="grad-text text-[30px] max-md:text-[22px] font-black mb-4 font-display">OMEGA EA</h3>
3389            <p class="text-[17px] max-md:text-[14px] font-black text-[#fffdfd] leading-relaxed mb-4">
3390              天下一武道会優勝EA。<br>実績に裏付けられた<br>最強の自動売買。
3391            </p>
3392            <p class="text-mc-mint text-[30px] max-md:text-[22px] font-bold">313名参加中</p>
3393          </div>
3394          <a href="https://money-charger.com/lp/mceatenka" target="_blank" class="block grad-btn text-center text-white text-[20px] max-md:text-[16
3394px] font-bold py-5 rounded-b-[18px]">
3395            詳しく見る→
3396          </a>
3397        </div>
3398
3399        <!-- 天下一武道会 -->
3400        <div class="glow-box bg-mc-black flex flex-col overflow-hidden">
3401          <div class="flex-1 p-6 max-md:p-5 text-center">
3402            <div class="relative h-[160px] max-md:h-[130px] flex items-end justify-center mb-4">
3403              <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/trophy-cat.webp" alt="天下一武道会" class="h-[160px] max-md:h-[130px] object-contain">
3404            </div>
3405            <h3 class="grad-text text-[30px] max-md:text-[22px] font-black mb-4">天下一武道会</h3>
3406            <p class="text-[17px] max-md:text-[14px] font-black text-[#fffdfd] leading-relaxed mb-4">
3407              EA開発者の最強を決める大会。<br>開発力を競い闘志を燃やす、<br>熱いコミュニティ。
3408            </p>
3409            <p class="text-mc-mint text-[30px] max-md:text-[22px] font-bold">開発者続々参加中</p>
3410          </div>
3411          <a href="https://money-charger.com/ea-battle-2" target="_blank" class="block grad-btn text-center text-white text-[20px] max-md:text-[16px] font-bold py-5 rounded-b-[18px]">
3412            詳しく見る→
3413          </a>
3414        </div>
3415      </div>
3416    </div>
3417  </section>
3418
3419
3420  <!-- ============================== -->
3421  <!-- OUR ACHIEVEMENTS -->
3422  <!-- ============================== -->
3423  <section class="bg-mc-black py-20 max-md:py-12 fade-in">
3424    <div class="max-w-site mx-auto px-12 max-md:px-4">
3425      <div class="text-center mb-12 max-md:mb-8">
3426        <p class="section-en text-[36px] max-md:text-[18px] mb-1">OUR ACHIEVEMENTS</p>
3427        <h2 class="text-[36px] max-md:text-[24px] font-black text-white">
3428          マネチャの <span class="grad-text">実績</span>
3429        </h2>
3430      </div>
3431
3432      <div class="grid grid-cols-3 max-md:grid-cols-1 gap-6">
3433        <!-- CB額 還元実績 -->
3434        <div class="glow-box bg-mc-black overflow-hidden">
3435          <div class="p-6 max-md:p-5">
3436            <div class="flex items-center gap-3 mb-5 h-[80px] max-md:h-[60px]">
3437              <div class="w-[80px] max-md:w-[60px] h-[80px] max-md:h-[60px] flex-shrink-0 flex items-center justify-center">
3438                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/tf3.webp" alt="" class="max-w-full max-h-full object-contain">
3439              </div>
3440              <div>
3441                <p class="text-white text-[14px] max-md:text-[12px] font-bold">CB額</p>
3442                <p class="grad-text text-[24px] max-md:text-[20px] font-black">還元実績</p>
3443              </div>
3444            </div>
3445            <div class="space-y-3">
3446              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3447                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-gold.webp" alt="1位" class="w-[40px] max-md:w-[32px]">
3448                <div>
3449                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Yさん</p>
3450                  <p class="grad-text text-[18px] max-md:text-[15px] font-black">Â¥12,634,676</p>
3451                </div>
3452              </div>
3453              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3454                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-silver.webp" alt="2位" class="w-[40px] max-md:w-[32px]">
3455                <div>
3456                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Iさん</p>
3457                  <p class="text-white text-[18px] max-md:text-[15px] font-black">Â¥6,260,630</p>
3458                </div>
3459              </div>
3460              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3461                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-bronze.webp" alt="3位" class="w-[40px] max-md:w-[32px]">
3462                <div>
3463                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Uさん</p>
3464                  <p class="text-white text-[18px] max-md:text-[15px] font-black">Â¥5,436,578</p>
3465                </div>
3466              </div>
3467              <p class="text-gray-400 text-[11px] max-md:text-[10px] text-right mt-3">*直近30日のデータを算出</p>
3468            </div>
3469          </div>
3470        </div>
3471
3472        <!-- 出金合計額 出金実績 -->
3473        <div class="glow-box bg-mc-black overflow-hidden">
3474          <div class="p-6 max-md:p-5">
3475            <div class="flex items-center gap-3 mb-5 h-[80px] max-md:h-[60
3475px]">
3476              <div class="w-[80px] max-md:w-[60px] h-[80px] max-md:h-[60px] flex-shrink-0 flex items-center justify-center">
3477                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/tf2.webp" alt="" class="max-w-full max-h-full object-contain">
3478              </div>
3479              <div>
3480                <p class="text-white text-[14px] max-md:text-[12px] font-bold">出金合計額</p>
3481                <p class="grad-text text-[24px] max-md:text-[20px] font-black">出金実績</p>
3482              </div>
3483            </div>
3484            <div class="space-y-3">
3485              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3486                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-gold.webp" alt="1位" class="w-[40px] max-md:w-[32px]">
3487                <div>
3488                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Aさん</p>
3489                  <p class="grad-text text-[18px] max-md:text-[15px] font-black">Â¥12,873,113</p>
3490                </div>
3491              </div>
3492              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3493                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-silver.webp" alt="2位" class="w-[40px] max-md:w-[32px]">
3494                <div>
3495                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Cさん</p>
3496                  <p class="text-white text-[18px] max-md:text-[15px] font-black">Â¥7,620,537</p>
3497                </div>
3498              </div>
3499              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3500                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-bronze.webp" alt="3位" class="w-[40px] max-md:w-[32px]">
3501                <div>
3502                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Mさん</p>
3503                  <p class="text-white text-[18px] max-md:text-[15px] font-black">Â¥5,709,014</p>
3504                </div>
3505              </div>
3506              <p class="text-gray-400 text-[11px] max-md:text-[10px] text-right mt-3">*直近30日のデータを算出</p>
3507            </div>
3508          </div>
3509        </div>
3510
3511        <!-- アフィリエイト額 紹介実績 -->
3512        <div class="glow-box bg-mc-black overflow-hidden">
3513          <div class="p-6 max-md:p-5">
3514            <div class="flex items-center gap-3 mb-5 h-[80px] max-md:h-[60px]">
3515              <div class="w-[80px] max-md:w-[60px] h-[80px] max-md:h-[60px] flex-shrink-0 flex items-center justify-center">
3516                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/tf4.webp" alt="" class="max-w-full max-h-full object-contain">
3517              </div>
3518              <div>
3519                <p class="text-white text-[14px] max-md:text-[12px] font-bold">アフィリエイト額</p>
3520                <p class="grad-text text-[24px] max-md:text-[20px] font-black">紹介実績</p>
3521              </div>
3522            </div>
3523            <div class="space-y-3">
3524              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3525                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-gold.webp" alt="1位" class="w-[40px] max-md:w-[32px]">
3526                <div>
3527                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Gさん</p>
3528                  <p class="grad-text text-[18px] max-md:text-[15px] font-black">Â¥1,294,709</p>
3529                </div>
3530              </div>
3531              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3532                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-silver.webp" alt="2位" class="w-[40px] max-md:w-[32px]">
3533                <div>
3534                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Mさん</p>
3535                  <p class="text-white text-[18px] max-md:text-[15px] font-black">Â¥1,063,283</p>
3536                </div>
3537              </div>
3538              <div class="bg-mc-card rounded-[12px] flex items-center gap-3 p-4 max-md:p-3">
3539                <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/medal-bronze.
3539webp" alt="3位" class="w-[40px] max-md:w-[32px]">
3540                <div>
3541                  <p class="text-white text-[14px] max-md:text-[12px] font-bold">Sさん</p>
3542                  <p class="text-white text-[18px] max-md:text-[15px] font-black">Â¥977,158</p>
3543                </div>
3544              </div>
3545              <p class="text-gray-400 text-[11px] max-md:text-[10px] text-right mt-3">*直近30日のデータを算出</p>
3546            </div>
3547          </div>
3548        </div>
3549      </div>
3550    </div>
3551  </section>
3552
3553
3554  <!-- ============================== -->
3555  <!-- USER VOICE -->
3556  <!-- ============================== -->
3557  <section class="bg-mc-black py-20 max-md:py-12 fade-in">
3558    <div class="max-w-site mx-auto px-12 max-md:px-4">
3559      <div class="text-center mb-12 max-md:mb-8">
3560        <p class="section-en text-[36px] max-md:text-[18px] mb-1">USER VOICE</p>
3561        <h2 class="text-[36px] max-md:text-[24px] font-black text-white">
3562          トレーダーの声(<span class="grad-text">X/Twitter</span>)
3563        </h2>
3564      </div>
3565
3566      <div class="grid grid-cols-3 max-md:grid-cols-1 gap-6" id="userVoiceCards">
3567        <!-- 投稿1 -->
3568        <div class="glow-box bg-mc-black p-6 max-md:p-5">
3569          <div class="flex items-center gap-3 mb-4">
3570            <div class="w-[40px] h-[40px] rounded-full bg-mc-yellow flex items-center justify-center text-black font-black text-[18px]">A</div>
3571            <div>
3572              <p class="text-white text-[14px] font-bold">Aさん</p>
3573              <p class="text-mc-text-light text-[12px]">2026年6月18日</p>
3574            </div>
3575          </div>
3576          <p class="text-white text-[14px] max-md:text-[13px] leading-relaxed">
3577                          マネチャから今月 <span class="grad-text font-bold">8万円台</span> 振り込まれた。申請から <span class="grad-text font-bold">1分かからず</span>着金。速すぎて笑った。これはもう他のCBサービスに戻れない。
3578                      </p>
3579        </div>
3580        <!-- 投稿2 -->
3581        <div class="glow-box bg-mc-black p-6 max-md:p-5">
3582          <div class="flex items-center gap-3 mb-4">
3583            <div class="w-[40px] h-[40px] rounded-full bg-mc-yellow flex items-center justify-center text-black font-black text-[18px]">M</div>
3584            <div>
3585              <p class="text-white text-[14px] font-bold">Mさん</p>
3586              <p class="text-mc-text-light text-[12px]">2026年6月22日</p>
3587            </div>
3588          </div>
3589          <p class="text-white text-[14px] max-md:text-[13px] leading-relaxed">
3590                          今月の合計CBが <span class="grad-text font-bold">20万円台</span> に到達。マネチャの還元率が他社より明らかに高い。毎月コツコツ受け取るだけなのに年間換算したらびっくりする金額になる。
3591                      </p>
3592        </div>
3593        <!-- 投稿3 -->
3594        <div class="glow-box bg-mc-black p-6 max-md:p-5">
3595          <div class="flex items-center gap-3 mb-4">
3596            <div class="w-[40px] h-[40px] rounded-full bg-mc-yellow flex items-center justify-center text-black font-black text-[18px]">T</div>
3597            <div>
3598              <p class="text-white text-[14px] font-bold">Tさん</p>
3599              <p class="text-mc-text-light text-[12px]">2026年6月30日</p>
3600            </div>
3601          </div>
3602          <p class="text-white text-[14px] max-md:text-[13px] leading-relaxed">
3603                          銀行出金で <span class="grad-text font-bold">1万5千円台</span> 着金。申請から <span class="grad-text font-bold">1分かからず</span> 来た。土日関係なく出金できるのもありがたい。サポートの返信も早くて安心。
3604                      </p>
3605        </div>
3606      </div>
3607    </div>
3608  </section>
3609
3610
3611  <!-- ============================== -->
3612  <!-- マネチャとは -->
3613  <!-- ============================== -->
3614  <section class="bg-mc-sub-dark py-20 max-md:py-12 fade-in">
3615    <div class="max-w-site mx-auto px-12 max-md:px-4">
3616      <div class="text-center mb-12 max-md:mb-8">
3617        <p class="section-en text-[36px] max-md:text-[18px] mb-1">WHAT IS MONEY CHARGER</p>
3618        <h2 class="text-[36px] max-md:text-[24px] font-black">
3619          <span class="grad-text">マネチャとは?</span>
3620        </h2>
3621      </div>
3622
3623      <div class="flex gap-10 max-md:flex-col" style="align-items: stretch;">
3624        <!-- 左: テキスト -->
3625        <div class="flex-1 relative">
3626          <!-- 3つのポイント -->
3627          <div class="space-y-5 mb-8">
3628            <div class="flex items-start gap-4">
3629              <div class="w-[36px] h-[36px] rounded-full bg-mc-yellow flex items-center justify-center text-black font-black text-[18px] flex-shrink-0 mt-0.5">1</div>
3630              <p class="text-white text-[17px] max-md:text-[15px] font-bold leading-relaxed">
3631                海外FX業者からの<span class="grad-text">広告報酬</span>を、取引した<span class="grad-text">あなたに還元する仕組み</span>です。
3632              </p>
3633            </div>
3634            <div class="flex items-start gap-4">
3635              <div class="w-[36px] h-[36px] rounded-full bg-mc-yellow flex items-center justify-center text-black font-black text-[18px] flex-shrink-0 mt-0.5">2</div>
3636              <p class="text-white text-[17px] max-md:text-[15px] font-bold leading-relaxed">
3637                あなたの<span class="grad-text">負担はゼロ</span>。入金も手数料も<span class="grad-text">不要</span>。
3638              </p>
3639            </div>
3640            <div class="flex items-start gap-4">
3641              <div class="w-[36px] h-[36px] rounded-full bg-mc-yellow flex items-center justify-center text-black font-black text-[18px] flex-shrink-0 mt-0.5">3</div>
3642              <p class="text-white text-[17px] max-md:text-[15px] font-bold leading-relaxed">
3643                累計<span class="grad-text">200億円</span>、<span class="grad-text">2万人以上</span>のトレーダーに還元済み
3644              </p>
3645            </div>
3646          </div>
3647
3648          <!-- アコーディオン: 仕組みを詳しく見る -->
3649          <div class="glow-box rounded-[20px] overflow-hidden bg-mc-black">
3650            <button onclick="var c=document.getElementById('aboutAccordion');var a=document.getElementById('aboutArrow');if(c.style.maxHeight){c.style.maxHeight=null;a.style.transform='rotate(0deg)';}else{c.style.maxHeight=c.scrollHeight+'px';a.style.transform='rotate(180deg)';}" class="w-full flex items-center justify-between h-[57px] max-md:h-[48px] px-10 max-md:px-5 text-left rounded-t-[20px]" style="background: rgba(0,212,151,0.25)">
3651              <span class="text-white text-[17px] max-md:text-[14px] font-black">なぜそれが可能なのか?仕組みを詳しく見る</span>
3652              <span id="aboutArrow" class="text-[rgba(255,253,253,0.6)] text-[20px] transition-transform duration-300 cursor-pointer" style="transform: rotate(180deg);" onclick="event.stopPropagation();var c=document.getElementById('aboutAccordion');var a=this;if(c.style.maxHeight&&c.style.maxHeight!=='0px'){c.style.maxHeight=null;a.style.transform='rotate(0deg)';}else{c.style.maxHeight=c.scrollHeight+'px';a.style.transform='rotate(180deg)';}">▼</span>
3653            </button>
3654            <div id="aboutAccordion" class="overflow-hidden transition-all duration-300" style="max-height: 2000px;">
3655              <div class="px-10 max-md:px-5 pt-5 pb-8 space-y-6">
3656                <div>
3657                  <p class="text-mc-mint text-[14px] font-bold mb-1">IBとは?</p>
3658                  <p class="text-gray-300 text-[13px] leading-relaxed">海外FX業者は、トレーダーを紹介してくれた仲介業者(IB: Introducing Broker)に対して、そのトレーダーの取引量に応じた紹介報酬を支払います。マネチャはこのIB報酬の仕組みを活用しています。</p>
3659                </div>
3660                <div>
3661                  <p class="text-mc-mint text-[14px] font-bold mb-1">なぜ高いCB率が可能なのか?</p>
3662                  <p class="text-gray-300 text-[13px] leading-relaxed">マネチャは複数の業者と直接契約を結び、受け取ったIB報酬をほぼそのままトレーダーに還元します。中間マージンを最小化することで、他社を上回る還元率を実現しています。</p>
3663                </div>
3664                <div>
3665                  <p class="text-mc-mint text-[14px] font-bold mb-1">
3665立て替え払いの仕組み</p>
3666                  <p class="text-gray-300 text-[13px] leading-relaxed">業者からの入金を待たず、マネチャが先に出金申請を処理します。これが「平均2分着金」を可能にしている理由です。あなたは取引後、いつでも出金申請できます。</p>
3667                </div>
3668              </div>
3669            </div>
3670          </div>
3671        </div>
3672
3673        <!-- 右: スマホ画像 (PC only) -->
3674        <div class="flex-shrink-0 flex items-center hidden md:flex">
3675          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Group 293.webp" alt="マネチャ画面" class="w-[280px]">
3676        </div>
3677      </div>
3678    </div>
3679  </section>
3680
3681
3682  <!-- ============================== -->
3683  <!-- かんたん5ステップ -->
3684  <!-- ============================== -->
3685  <section class="bg-mc-black py-20 max-md:py-12 fade-in">
3686    <div class="max-w-site mx-auto px-12 max-md:px-4">
3687      <div class="text-center mb-12 max-md:mb-8">
3688        <p class="section-en text-[36px] max-md:text-[18px] mb-1">HOW TO START</p>
3689        <h2 class="text-[36px] max-md:text-[24px] font-black">
3690          始め方はかんたん<span class="grad-text">5ステップ</span>
3691        </h2>
3692      </div>
3693
3694      <!-- 5カード横並び PC版 -->
3695      <div class="hidden md:grid grid-cols-5 gap-4 mb-10">
3696        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/A-0.webp" alt="Step1 無料会員登録(1分)" class="w-full">
3697        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/A-1.webp" alt="Step2 ブローカーで口座開設" class="w-full">
3698        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/A-2.webp" alt="Step3 マネチャに口座を登録" class="w-full">
3699        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/A-3.webp" alt="Step4 いつも通り取引" class="w-full">
3700        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/A-4.webp" alt="Step5 キャッシュバックを出金" class="w-full">
3701      </div>
3702      <!-- 5カード縦並び SP版 -->
3703      <div class="md:hidden space-y-3 mb-8">
3704        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/step/Container.webp" alt="Step1 無料会員登録(1分)" class="w-full">
3705        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/step/Container-1.webp" alt="Step2 ブローカーで口座開設" class="w-full">
3706        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/step/Container-2.webp" alt="Step3 マネチャに口座を登録" class="w-full">
3707        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/step/Container-3.webp" alt="Step4 いつも通り取引" class="w-full">
3708        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/step/Container-4.webp" alt="Step5 キャッシュバックを出金" class="w-full">
3709      </div>
3710
3711      <!-- Step5 詳細 + 猫 (PC: フルサイズボックス内) -->
3712      <div class="hidden md:block">
3713        <div class="glow-box bg-mc-black p-6 relative overflow-hidden">
3714          <div class="pr-[180px]">
3715            <p class="mb-3"><span class="text-mc-mint text-[15px] font-bold mr-3">Step5</span><span class="text-white text-[17px] font-black">キャッシュバックを出金</span></p>
3716            <p class="text-gray-300 text-[14px] leading-relaxed">ダッシュボードから出金申請を送信。銀行振込・Exness・USDT・Peskaなど<br>複数の出金方法に対応。<span class="text-mc-mint font-bold">平均2分で着金</span>します。</p>
3717          </div>
3718          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/gu- 2.webp" alt="マネチャねこ" class="absolute right-6 -bottom-[30px] w-[160px]">
3719        </div>
3720      </div>
3721      <!-- Step5 詳細 + 猫 (SP: 猫をカード内に) -->
3722      <div class="md:hidden">
3723        <div class="glow-box bg-mc-black p-5">
3724          <p class="mb-3"><span class="text-mc-mint text-[15px] font-bold mr-3">Step5</span><span class="text-white text-[15px] font-black">キャッシュバックを出金</span></p>
3725          <div class="flex items-center gap-3">
3726            <p class="text-gray-300 text-[13px] leading-relaxed flex-1">ダッシュボードから出金申請を送信。銀行振込・Exness・USDT・Peskaなど複数の出金方法に対å¿
3726œã€‚<span class="text-mc-mint font-bold">平均2分で着金</span>します。</p>
3727            <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/gu- 2.webp" alt="マネチャねこ" class="w-[80px] flex-shrink-0">
3728          </div>
3729        </div>
3730      </div>
3731
3732      <!-- 動画で見る -->
3733      <div class="mt-6">
3734        <a href="#" class="inline-block border border-mc-mint text-white text-[15px] max-md:text-[13px] font-bold px-8 py-3 rounded-full hover:bg-mc-mint hover:text-black transition-colors">動画で見る</a>
3735      </div>
3736    </div>
3737  </section>
3738
3739
3740  <!-- ============================== -->
3741  <!-- 対応ブローカー -->
3742  <!-- ============================== -->
3743  <section class="bg-mc-sub-dark py-20 max-md:py-12 fade-in">
3744    <div class="max-w-site mx-auto px-12 max-md:px-4">
3745      <div class="text-center mb-12 max-md:mb-8">
3746        <p class="section-en text-[36px] max-md:text-[18px] mb-1">SUPPORTED BROKERS</p>
3747        <h2 class="text-[36px] max-md:text-[24px] font-black">
3748          <span class="grad-text">25社+</span>の海外FXブローカーに対応
3749        </h2>
3750      </div>
3751
3752      <div class="grid grid-cols-4 max-md:grid-cols-2 gap-4">
3753        <a href="https://money-charger.com/hfm/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3754          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/HFM_logo.webp" alt="HFM" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3755        </a>
3756        <a href="https://money-charger.com/xs/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3757          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/XS.com_logo.webp" alt="XS.com" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3758        </a>
3759        <a href="https://money-charger.com/exness/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3760          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Exness_logo.webp" alt="Exness" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3761        </a>
3762        <a href="https://money-charger.com/axiory/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3763          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/AXIORY_logo.webp" alt="AXIORY" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3764        </a>
3765        <a href="https://money-charger.com/bitget/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3766          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Bitget_logo.webp" alt="Bitget" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3767        </a>
3768        <a href="https://money-charger.com/vantage/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3769          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Vantage-Trading_logo.webp" alt="Vantage Trading" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3770        </a>
3771        <a href="https://money-charger.com/axonmarkets/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3772          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/axon-logo.webp" alt="Axon Markets" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3773        </a>
3774        <a href="https://money-charger.com/infinox" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60
3774px] hover:shadow-lg transition-shadow">
3775          <picture>
3776            <source srcset="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Infinox_logo.webp" type="image/webp">
3777            <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Infinox_logo.png" alt="INFINOX" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3778          </picture>
3779        </a>
3780        <a href="https://money-charger.com/is6fx/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3781          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/IS6FX_logo.webp" alt="IS6FX" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3782        </a>
3783        <a href="https://money-charger.com/fxgt/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3784          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/FXGT_logo.webp" alt="FXGT" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3785        </a>
3786        <a href="https://money-charger.com/axi/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3787          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Axi_logo.webp" alt="Axi" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3788        </a>
3789        <a href="https://money-charger.com/bitunix/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3790          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Bitunix_logo.webp" alt="Bitunix" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3791        </a>
3792        <a href="https://money-charger.com/oqtima/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3793          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/OQTima_logo.svg" alt="OQTima" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3794        </a>
3795        <a href="https://money-charger.com/dupoin" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3796          <img loading="lazy" src="https://money-charger.com/wp-content/uploads/2026/05/dupoin_logo.png" alt="Dupoin" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3797        </a>
3798        <a href="https://money-charger.com/decodefx/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3799          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/DecodeFX_logo.webp" alt="DecodeFX" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3800        </a>
3801        <a href="https://money-charger.com/ebc-financial-group/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3802          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/EBC-Financial-Group_logo.webp" alt="EBC Financial Group" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3803        </a>
3804        <a href="https://money-charger.com/ic-markets" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3805          <img loading="lazy" src="https://money-charger.com/wp-content/uploads/2026/06/IC_BLK.webp" alt="IC Markets" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3806        </a>
3807        <a href="https://money-charger.com/myfxmarkets/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60
3807px] hover:shadow-lg transition-shadow">
3808          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/MYFX-Markets_logo.webp" alt="MYFX Markets" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3809        </a>
3810        <a href="https://money-charger.com/bigboss/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3811          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/BigBoss_logo.webp" alt="BigBoss" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3812        </a>
3813        <a href="https://money-charger.com/titan-fx/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3814          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/TitanFX_logo.webp" alt="TitanFX" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3815        </a>
3816        <a href="https://money-charger.com/bingx/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3817          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/BingX_logo.webp" alt="BingX" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3818        </a>
3819        <a href="https://money-charger.com/jadeforex/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3820          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/JadeForex_logo.webp" alt="JadeForex" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3821        </a>
3822        <a href="https://money-charger.com/threetrader/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3823          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/ThreeTrader_logo.webp" alt="ThreeTrader" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3824        </a>
3825        <a href="https://money-charger.com/monaxa/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3826          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/Monaxa_logo.webp" alt="Monaxa" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3827        </a>
3828        <a href="https://money-charger.com/mexc/" class="bg-white rounded-[12px] p-4 flex items-center justify-center h-[80px] max-md:h-[60px] hover:shadow-lg transition-shadow">
3829          <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/MEXC_logo.svg" alt="MEXC" class="max-h-[40px] max-md:max-h-[30px] max-w-[140px] object-contain">
3830        </a>
3831      </div>
3832    </div>
3833  </section>
3834
3835
3836  <!-- ============================== -->
3837  <!-- MEDIA & NEWS -->
3838  <!-- ============================== -->
3839  <section class="bg-mc-black py-20 max-md:py-12 fade-in">
3840    <div class="max-w-site mx-auto px-12 max-md:px-4">
3841      <div class="text-center mb-12 max-md:mb-8">
3842        <p class="section-en text-[36px] max-md:text-[18px] mb-1">MEDIA & NEWS</p>
3843        <h2 class="text-[36px] max-md:text-[24px] font-black">
3844          <span class="grad-text">海外FXお役立ち情報</span>
3845        </h2>
3846      </div>
3847
3848            <div class="grid grid-cols-2 max-md:grid-cols-1 gap-10 max-md:gap-8">
3849        <!-- 左: お役立ち記事 -->
3850        <div>
3851          <div class="flex items-center justify-between mb-4 border-b border-mc-yellow pb-2">
3852            <h3 class="text-mc-yellow text-[20px] max-md:text-[17px] font-black">お役立ち記事</h3>
3853            <a href="https://money-charger.com/information" class="text-gray-400 text-[13px] hover:text-white transition-colors">もっと見る→</a>
3854          </div>
3855          <div class="space-y-3">
3856                                        <a href="https://money-charger.com/information/bitget-japan-exit/" class="flex gap-4 bg-mc-card rounded-[10px] p-3 hover:bg-[#2a2a2a] transition-colors">
3857                <div class="w-[100px] max-md:w-[80px] h-[70px] max-md:h-[56px] bg-[#444] rounded-[8px] flex-shrink-0 overflow-hidden">
3858                                      <img loading="lazy" src="https://money-charger.com/wp-content/uploads/2026/08/Bitget日本撤退記事_アイキャッチ-1-300x158.webp" alt="" class="w-full h-full object-cover">
3859                                  </div>
3860                <div class="flex-1 min-w-0">
3861                  <p class="text-gray-400 text-[12px] mb-1">2026.08.11</p>
3862                  <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug line-clamp-2">Bitgetが日本撤退を発表|資産はどうなる?移行手順を解説</p>
3863                                  </div>
3864              </a>
3865                                        <a href="https://money-charger.com/information/overseasfx-deposit-bonus/" class="flex gap-4 bg-mc-card rounded-[10px] p-3 hover:bg-[#2a2a2a] transition-colors">
3866                <div class="w-[100px] max-md:w-[80px] h-[70px] max-md:h-[56px] bg-[#444] rounded-[8px] flex-shrink-0 overflow-hidden">
3867                                      <img loading="lazy" src="https://money-charger.com/wp-content/uploads/2026/07/海外FX_入金ボーナス_アイキャッチ-1-300x158.webp" alt="" class="w-full h-full object-cover">
3868                                  </div>
3869                <div class="flex-1 min-w-0">
3870                  <p class="text-gray-400 text-[12px] mb-1">2026.07.30</p>
3871                  <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug line-clamp-2">海外FX入金ボーナスおすすめランキング9社【2026年10月最新】</p>
3872                                      <span class="inline-block bg-mc-yellow text-black text-[11px] font-bold px-2 py-0.5 rounded mt-1">ボーナス</span>
3873                                  </div>
3874              </a>
3875                                        <a href="https://money-charger.com/information/money-charger-guide/" class="flex gap-4 bg-mc-card rounded-[10px] p-3 hover:bg-[#2a2a2a] transition-colors">
3876                <div class="w-[100px] max-md:w-[80px] h-[70px] max-md:h-[56px] bg-[#444] rounded-[8px] flex-shrink-0 overflow-hidden">
3877                                      <img loading="lazy" src="https://money-charger.com/wp-content/uploads/2026/07/マネチャとは_アイキャッチ-300x158.webp" alt="" class="w-full h-full object-cover">
3878                                  </div>
3879                <div class="flex-1 min-w-0">
3880                  <p class="text-gray-400 text-[12px] mb-1">2026.07.17</p>
3881                  <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug line-clamp-2">マネチャとは?キャッシュバックの仕組みと始め方を3分で解説</p>
3882                                  </div>
3883              </a>
3884                                        <a href="https://money-charger.com/information/bigboss-omega-account/" class="flex gap-4 bg-mc-card rounded-[10px] p-3 hover:bg-[#2a2a2a] transition-colors">
3885                <div class="w-[100px] max-md:w-[80px] h-[70px] max-md:h-[56px] bg-[#444] rounded-[8px] flex-shrink-0 overflow-hidden">
3886                                      <img loading="lazy" src="https://money-charger.com/wp-content/uploads/2026/06/image-1-300x165.png" alt="" class="w-full h-full object-cover">
3887                                  </div>
3888                <div class="flex-1 min-w-0">
3889                  <p class="text-gray-400 text-[12px] mb-1">2026.06.29</p>
3890                  <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug line-clamp-2">OMEGA(オメガ)口座とは|スペック・特徴・注意点をわかりやすく解説</p>
3891                                  </div>
3892              </a>
3893                      </div>
3894        </div>
3895
3896        <!-- 右: ニュース -->
3897        <div>
3898          <div class="flex items-center justify-between mb-4 border-b border-mc-yellow pb-2">
3899            <h3 class="text-white text-[20px] max-md:text-[17px] font-black">ニュース</h3>
3900            <a href="https://money-charger.com/news/" class="text-gray-400 text-[13px] hover:text-white transition-colors">もっと見る→</a>
3901          </div>
3902          <div class="space-y-3">
3903                          <a href="https://money-charger.com/cashback_maintenance_20261002/" class="flex items-center gap-4 bg-mc-card rounded-[10px] p-4 max-md:p-3 hover:bg-[#2a2a2a] transition-colors">
3904                <p class="text-gray-400 text-[13px] max-md:text-[12px] flex-shrink-0 w-[90px] max-md:w-[75px]">
39042026.10.02</p>
3905                <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug">【重要】キャッシュバックの反映遅延について</p>
3906              </a>
3907                          <a href="https://money-charger.com/titanfx_maintenance_20260926/" class="flex items-center gap-4 bg-mc-card rounded-[10px] p-4 max-md:p-3 hover:bg-[#2a2a2a] transition-colors">
3908                <p class="text-gray-400 text-[13px] max-md:text-[12px] flex-shrink-0 w-[90px] max-md:w-[75px]">2026.09.26</p>
3909                <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug">【重要】TitanFXのキャッシュバックをご利用のお客様へ</p>
3910              </a>
3911                          <a href="https://money-charger.com/fxgt_maintenance_20260822/" class="flex items-center gap-4 bg-mc-card rounded-[10px] p-4 max-md:p-3 hover:bg-[#2a2a2a] transition-colors">
3912                <p class="text-gray-400 text-[13px] max-md:text-[12px] flex-shrink-0 w-[90px] max-md:w-[75px]">2026.09.18</p>
3913                <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug">【重要】INFINOXのキャッシュバックをご利用のお客様へ</p>
3914              </a>
3915                          <a href="https://money-charger.com/maintenance_2026025/" class="flex items-center gap-4 bg-mc-card rounded-[10px] p-4 max-md:p-3 hover:bg-[#2a2a2a] transition-colors">
3916                <p class="text-gray-400 text-[13px] max-md:text-[12px] flex-shrink-0 w-[90px] max-md:w-[75px]">2026.08.25</p>
3917                <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug">【重要】不正ログインにご注意ください ― パスワードの見直しをお願いします</p>
3918              </a>
3919                          <a href="https://money-charger.com/fxgt_maintenance_20260822-2/" class="flex items-center gap-4 bg-mc-card rounded-[10px] p-4 max-md:p-3 hover:bg-[#2a2a2a] transition-colors">
3920                <p class="text-gray-400 text-[13px] max-md:text-[12px] flex-shrink-0 w-[90px] max-md:w-[75px]">2026.08.22</p>
3921                <p class="text-white text-[14px] max-md:text-[13px] font-bold leading-snug">【重要】FXGTのキャッシュバックをご利用のお客様へ</p>
3922              </a>
3923                      </div>
3924        </div>
3925      </div>
3926    </div>
3927  </section>
3928
3929
3930  <!-- ============================== -->
3931  <!-- FINAL CTA -->
3932  <!-- ============================== -->
3933  <section class="fade-in" style="background: linear-gradient(180deg, #F5A623 0%, #F5C518 100%);">
3934    <div class="max-w-site mx-auto px-12 max-md:px-4">
3935      <!-- PC: 猫左absolute+テキスト中央 -->
3936      <div class="hidden md:block relative py-10">
3937        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/manekimanetyanekoe 1.webp" alt="マネチャねこ" class="absolute left-0 bottom-0 w-[280px] pointer-events-none">
3938        <div class="text-center">
3939          <h2 class="text-mc-black text-[36px] font-black leading-tight">1分で登録完了</h2>
3940          <p class="text-mc-black text-[24px] font-black mb-6">今すぐキャッシュバックを受け取る</p>
3941          <a href="https://portal.money-charger.com/register" target="_blank"
3942             class="inline-block bg-mc-black text-white text-[18px] font-bold py-4 px-14 rounded-full shadow-lg hover:bg-[#333] transition-colors">
3943            今すぐ無料で登録する →
3944          </a>
3945          <p class="text-mc-black text-[13px] font-bold mt-3">登録1分・手数料ゼロ</p>
3946        </div>
3947      </div>
3948      <!-- SP: テキスト上+猫下 -->
3949      <div class="md:hidden flex flex-col items-center py-8">
3950        <h2 class="text-mc-black text-[24px] font-black leading-tight">1分で登録完了</h2>
3951        <p class="text-mc-black text-[17px] font-black mb-4">今すぐキャッシュバックを受け取る</p>
3952        <a href="https://portal.money-charger.com/register" target="_blank"
3953           class="inline-block bg-mc-black text-white text-[15px] font-bold py-3 px-10 rounded-full shadow-lg hover:bg-[#333] transition-colors">
3954          今すぐ無料で登録する →
3955        </a>
3956        <p class="text-mc-black text-[12px] font-bold mt-3 mb-4">登録1分・手数料ゼロ</p>
3957        <img loading="lazy" src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/manekimanetyanekoe 1.webp" alt="マネチャねこ" class="w-[120px]">
3958      </div>
3959    </div>
3960  </section>
3961
3962
3963  <!-- FAB moved into fixed button group -->
3964
3965  
3966</div>
3967
3968<script>
3969// Fade-in observer
3970    var observer = new IntersectionObserver(function(entries) {
3971      entries.forEach(function(entry) {
3972        if (entry.isIntersecting) {
3973          entry.target.classList.add('visible');
3974        }
3975      });
3976    }, { threshold: 0.15 });
3977
3978    document.querySelectorAll('.fade-in').forEach(function(el) {
3979      observer.observe(el);
3980    });
3981
3982    // FAB visibility
3983    window.addEventListener('scroll', function() {
3984      var fab = document.getElementById('fabTop');
3985      if (window.scrollY > 400) {
3986        fab.classList.add('visible');
3987      } else {
3988        fab.classList.remove('visible');
3989      }
3990    });
3991
3992    // ========================================
3993    // Campaign Slider (center-aligned, no sparkle)
3994    // ========================================
3995    (function() {
3996      var track = document.getElementById('sliderTrack');
3997      var slider = document.getElementById('campaignSlider');
3998      var dots = document.querySelectorAll('.slider-dot');
3999      var cards = document.querySelectorAll('.slider-card');
4000      var totalReal = document.querySelectorAll('.slider-dot').length;
4001      // Track index: 0=前クローン, 1~5=実スライド, 6=後クローン
4002      var current = 1; // start at real slide 1
4003      var interval = 5000;
4004      var isTransitioning = false;
4005      var gap = 24;
4006
4007      function getCardWidth() {
4008        var sw = slider.offsetWidth;
4009        if (window.innerWidth < 768) return sw * 0.8;
4010        return (sw - gap * 2) / 3;
4011      }
4012
4013      function applyCardWidths() {
4014        var cw = getCardWidth();
4015        for (var i = 0; i < cards.length; i++) {
4016          cards[i].style.width = cw + 'px';
4017        }
4018      }
4019
4020      // Center card[idx] in the viewport
4021      function getCenterOffset(idx) {
4022        var cw = getCardWidth();
4023        var sw = slider.offsetWidth;
4024        var cardLeft = idx * (cw + gap);
4025        return cardLeft - (sw / 2) + (cw / 2);
4026      }
4027
4028      function setPosition(idx, animate) {
4029        if (animate) {
4030          track.style.transition = 'transform 800ms ease-in-out';
4031        } else {
4032          track.style.transition = 'none';
4033        }
4034        track.style.transform = 'translateX(' + (-getCenterOffset(idx)) + 'px)';
4035      }
4036
4037      function updateDots() {
4038        // real index: current-1 (since index 0 is clone)
4039        var dotIdx = ((current - 1) % totalReal + totalReal) % totalReal;
4040        dots.forEach(function(d, i) {
4041          if (i === dotIdx) {
4042            d.classList.remove('bg-[#555]');
4043            d.classList.add('bg-mc-yellow');
4044          } else {
4045            d.classList.remove('bg-mc-yellow');
4046            d.classList.add('bg-[#555]');
4047          }
4048        });
4049      }
4050
4051      function slideTo(idx, animate) {
4052        if (isTransitioning) return;
4053        isTransitioning = true;
4054        current = idx;
4055        updateDots();
4056        setPosition(current, animate);
4057
4058        setTimeout(function() {
4059          // Wrap: if past last real slide, snap to first real
4060          if (current > totalReal) {
4061            current = 1;
4062            setPosition(current, false);
4063            updateDots();
4064          }
4065          // Wrap: if before first real slide, snap to last real
4066          if (current < 1) {
4067            current = totalReal;
4068            setPosition(current, false);
4069            updateDots();
4070          }
4071          isTransitioning = false;
4072        }, 850);
4073      }
4074
4075      function next() {
4076        slideTo(current + 1, true);
4077      }
4078
4079      dots.forEach(function(dot) {
4080        dot.addEventListener('click', function() {
4081          var idx = parseInt(this.getAttribute('data-index')) + 1; // +1 for clone offset
4082          if (idx !== current) slideTo(idx, true);
4083        });
4084      });
4085
4086      var timer = setInterval(next, interval);
4087      slider.addEventListener('mouseenter', function() { clearInterval(timer); });
4088      slider.addEventListener('mouseleave', function() { timer = setInterval(next, interval); });
4089
4090      window.addEventListener('resize', function() {
4091        applyCardWidths();
4092        setPosition(current, false);
4093      });
4094
4095      // Init: center on real slide 1, with clone visible on left
4096      applyCardWidths();
4097      setPosition(current, false);
4098      updateDots();
4099    })();
4100
4101    // =====================
4102    // Custom Select(再構築可能)
4103    // =====================
4104    function mcRenderCustomSelect(sel) {
4105      var wrap = sel.closest('.custom-select');
4106      if (!wrap) {
4107        wrap = document.createElement('div');
4108        wrap.className = 'custom-select';
4109        sel.parentNode.insertBefore(wrap, sel);
4110        wrap.appendChild(sel);
4111      }
4112      // 既存のtrigger/dropdownを除去して作り直す
4113      var olds = wrap.querySelectorAll('.custom-select-trigger, .custom-select-dropdown');
4114      for (var k = 0; k < olds.length; k++) { olds[k].remove(); }
4115
4116      var selectedOpt = sel.options[sel.selectedIndex] || sel.options[0];
4117      var trigger = document.createElement('div');
4118      trigger.className = 'custom-select-trigger h-[59px] max-md:h-[48px]';
4119      trigger.textContent = selectedOpt ? selectedOpt.text : '';
4120      wrap.appendChild(trigger);
4121
4122      var dd = document.createElement('div');
4123      dd.className = 'custom-select-dropdown';
4124      Array.from(sel.options).forEach(function(opt) {
4125        var item = document.createElement('div');
4126        item.className = 'custom-select-option' + (opt.value === sel.value ? ' selected' : '');
4127        item.textContent = opt.text;
4128        item.dataset.value = opt.value;
4129        item.addEventListener('click', function(e) {
4130          e.stopPropagation();
4131          sel.value = opt.value;
4132          trigger.textContent = opt.text;
4133          dd.querySelectorAll('.custom-select-option').forEach(function(o) { o.classList.remove('selected'); });
4134          item.classList.add('selected');
4135          wrap.classList.remove('open');
4136          sel.dispatchEvent(new Event('change'));
4137        });
4138        dd.appendChild(item);
4139      });
4140      wrap.appendChild(dd);
4141
4142      trigger.addEventListener('click', function(e) {
4143        if (sel.disabled) return;
4144        e.stopPropagation();
4145        document.querySelectorAll('.custom-select.open').forEach(function(s) { if (s !== wrap) s.classList.remove('open'); });
4146        wrap.classList.toggle('open');
4147      });
4148      wrap.style.opacity = sel.disabled ? '0.45' : '1';
4149    }
4150    (function() {
4151      document.querySelectorAll('.sim-select').forEach(mcRenderCustomSelect);
4152      document.addEventListener('click', function() {
4153        document.querySelectorAll('.custom-select.open').forEach(function(s) { s.classList.remove('open'); });
4154      });
4155    })();
4156
4157    // =====================
4158    // CB Simulator(案Bハイブリッド: 円目安を主役・承認値を根拠に併記)
4159    // =====================
4160    (function() {
4161      var IS_NON_JA = false;
4162      // 暫定換算定数(ビジネスチーム確定後にここだけ差し替え。前提は画面に明示する)
4163      var CONV = {
4164        USDJPY: 160,                // 多言語USD概算の固定レート
4165        rate_asof: 'fixed',
4166        PIP_JPY_LOT: 1000,          // JPYクロス 1pip/lot = 1,000円(10万通貨基準・為替非依存)
4167        PIP_USDFX_LOT: 10 * 160     // USD建てFX 1pip/lot = $10 → 円
4168      };
4169      var COST_EXAMPLE = 10000;     // spread業者の例示用:毎月の取引コスト(円・固定)
4170
4171      var pairNames = { USDJPY:'USD/JPY', EURUSD:'EUR/USD', GBPJPY:'GBP/JPY', XAUUSD:'ゴールド(XAU/USD)', BTCUSD:'ビットコイン(BTC/USD)' };
4172      var pairOrder = ['USDJPY','EURUSD','GBPJPY','XAUUSD','BTCUSD'];
4173      var FX_PAIRS = ['USDJPY','EURUSD','GBPJPY'];
4174
4175      // 承認データ(account=基準口座 / 各値 {v,u}) u: usd_lot / jpy_lot / pips / point / spread
4176      // 出典: IB報酬CB一覧.xlsx「CB額掲載表記(ビジネスチーム承認済)」各業者の先頭口座タイプ(2026-06-26更新)
4177      var CB_DATA = {
4178        exness:      { name:'Exness', account:'スタンダード口座', slug:'exness', pairs:{ USDJPY:{v:40,u:'spread'}, EURUSD:{v:40,u:'spread'}, GBPJPY:{v:40,u:'spread'} } },
4179        axi:         { name:'Axi', account:'スタンダード口座', slug:'axi', pairs:{ USDJPY:{v:40,u:'spread'}, EURUSD:{v:40,u:'spread'}, GBPJPY:{v:40,u:'spread'} } },
4180        hfm:         { name:'HFM', account:'プレミアム口座', slug:'hfm', pairs:{ XAUUSD:{v:12,u:'usd_lot'}, BTCUSD:{v:16,u:'usd_lot'} } },
4181        xs:          { name:'XS', account:'Standard口座', slug:'xs', pairs:{ XAUUSD:{v:0.72,u:'pips'}, BTCUSD:{v:80,u:'pips'} } },
4182        titanfx:     { name:'TitanFX', account:'Zeroスタンダード口座(日本円)', slug:'titan-fx', pairs:{ XAUUSD:{v:0.08,u:'pips'}, BTCUSD:{v:192,u:'jpy_lot'} } },
4183        fxgt:        { name:'FXGT', account:'スタンダード+口座', slug:'fxgt', pairs:{ XAUUSD:{v:9.6,u:'usd_lot'}, BTCUSD:{v:7.25,u:'usd_lot'} } },
4184        vantage:     { name:'Vantage', account:'スタンダード口座', slug:'vantage', pairs:{ XAUUSD:{v:8.4,u:'usd_lot'}, BTCUSD:{v:28,u:'spread'} } },
4185        bigboss:     { name:'BigBoss', account:'スタンダード口座', slug:'bigboss', pairs:{ XAUUSD:{v:1.3,u:'pips'}, BTCUSD:{v:0.48,u:'usd_lot'} } },
4186        threetrader: { name:'ThreeTrader', account:'Pureスプレッド口座', slug:'threetrader', pairs:{ XAUUSD:{v:0.08,u:'pips'}, BTCUSD:{v:0.08,u:'pips'} } },
4187        axiory:      { name:'AXIORY', account:'スタンダードMT4口座', slug:'axiory', pairs:{ XAUUSD:{v:4,u:'usd_lot'} } },
4188        ebc:         { name:'EBC', account:'STD口座', slug:'ebc-financial-group', pairs:{ XAUUSD:{v:0.42,u:'pips'}, BTCUSD:{v:4.2,u:'usd_lot'} } },
4189        oqtima:      { name:'OQtima', account:'OQtima One口座', slug:'oqtima', pairs:{ XAUUSD:{v:3,u:'usd_lot'}, BTCUSD:{v:0.06,u:'usd_lot'} } },
4190        is6fx:       { name:'IS6FX', account:'スタンダード口座', slug:'is6fx', pairs:{ XAUUSD:{v:0.66,u:'pips'}, BTCUSD:{v:1.8,u:'pips'} } },
4191        myfxmarkets: { name:'MYFX Markets', account:'スタンダード口座', slug:'myfxmarkets', pairs:{ USDJPY:{v:0.42,u:'pips'}, EURUSD:{v:0.42,u:'pips'}, GBPJPY:{v:0.42,u:'pips'}, XAUUSD:{v:0.42,u:'pips'} } },
4192        monaxa:      { name:'Monaxa', account:'スタンダード口座', slug:'monaxa', pairs:{ XAUUSD:{v:7.5,u:'usd_lot'}, BTCUSD:{v:5,u:'usd_lot'} } },
4193        jadeforex:   { name:'JadeForex', account:'スタンダード口座', slug:'jadeforex', pairs:{ USDJPY:{v:0.5,u:'usd_lot'}, EURUSD:{v:0.5,u:'usd_lot'}, GBPJPY:{v:0.5,u:'usd_lot'}, XAUUSD:{v:0.5,u:'usd_lot'} } },
4194        icmarkets:   { name:'IC Markets', account:'STANDARD口座', slug:'ic-markets', pairs:{ XAUUSD:{v:0.35,u:'pips'}, BTCUSD:{v:0.7,u:'usd_lot'} } },
4195        decodefx:    { name:'Decode FX', account:'スタンダード口座', slug:'decodefx', pairs:{ XAUUSD:{v:3,u:'pips'}, BTCUSD:{v:300,u:'point'} } },
4196        axonmarkets: { name:'AxonMarkets', account:'スタンダード口座', slug:'axonmarkets', pairs:{ USDJPY:{v:5.4,u:'usd_lot'}, EURUSD:{v:5.4,u:'usd_lot'}, GBPJPY:{v:5.4,u:'usd_lot'}, XAUUSD:{v:6.6,u:'usd_lot'} } },
4197        infinox:     { name:'INFINOX', account:'STP口座', slug:'infinox', pairs:{ XAUUSD:{v:0.42,u:'pips'}, BTCUSD:{v:3,u:'usd_lot'} } },
4198        dupoin:      { name:'Dupoin', account:'STD口座', slug:'dupoin', pairs:{ XAUUSD:{v:7.8,u:'usd_lot'}, BTCUSD:{v:4.8,u:'usd_lot'} } }
4199      };
4200      var BASE = 'https://money-charger.com';
4201
4202      var brokerSel = document.getElementById('simBroker'), pairSel = document.getElementById('simPair');
4203      var lotNum = document.getElementById('simLot'), lotRange = document.getElementById('simLotRange');
4204      var pairField = document.getElementById('pairField'), lotField = document.getElementById('lotField');
4205      var resultEl = document.getElementById('sim-result'), resultCol = document.getElementById('simResultCol'), bubbleEl = document.getElementById('simBubble');
4206      var stickyCta = document.getElementById('simStickyCta'), stickyLink = document.getElementById('simStickyLink');
4207
4208      function opt(v, t) { var o = document.createElement('option'); o.value = v; o.textContent = t; return o; }
4209      function fmt0(n) { return Math.round(n).toLocaleString('ja-JP'); }
4210      function fmt2(n) { return (Math.round(n * 100) / 100).toLocaleString('ja-JP'); }
4211      function fmtUsd(n, decimals) {
4212        decimals = decimals == null ? (n >= 1000 ? 0 : 2) : decimals;
4213        return '$' + Number(n).toLocaleString('en-US', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });
4214      }
4215      function approxUsdFromJpy(n, decimals) { return 'approx. ' + fmtUsd(n / CONV.USDJPY, decimals); }
4216      function amountLabelFromJpy(n) { return IS_NON_JA ? approxUsdFromJpy(n) : fmt0(n) + '円'; }
4217      function formulaAmountFromJpy(n) { return IS_NON_JA ? approxUsdFromJpy(n) : fmt0(n) + '円'; }
4218      function rateNote() { return IS_NON_JA ? 'Approx. USD amount calculated at 1 USD = 160 JPY.' : '表示は概算の見込みです。実際の金額は取引条件・口座タイプ・為替・スプレッドにより変動します。'; }
4219      function pipValue(pair) { return pair === 'EURUSD' ? CONV.PIP_USDFX_LOT : CONV.PIP_JPY_LOT; }
4220      // 円目安を主役に出せる単位(spreadは別扱い・例示カードで表示)
4221      function isYenA(pair, u) {
4222        return u === 'usd_lot' || u === 'jpy_lot' || (u === 'pips' && FX_PAIRS.indexOf(pair) !== -1);
4223      }
4224      // 全ペアがスプレッド%還元の業者(ペア選択不要 → ペア欄をスキップ)
4225      function allSpread(b) {
4226        for (var k in b.pairs) { if (b.pairs[k].u !== 'spread') return false; }
4227        return true;
4228      }
4229      function unitLabel(v, u) {
4230        return u === 'usd_lot' ? '$' + fmt2(v) + ' / lot' :
4231               u === 'jpy_lot' ? (IS_NON_JA ? approxUsdFromJpy(v) + ' / lot' : 'Â¥' + fmt2(v) + ' / lot') :
4232               u === 'pips'    ? fmt2(v) + ' pips / lot' :
4233               u === 'point'   ? fmt2(v) + ' ポイント / lot' :
4234                                 'スプレッドの ' + fmt2(v) + '% 還元';
4235      }
4236      function show(el, on) { el.classList.toggle('hidden', !on); }
4237
4238      // 業者選択 → 対応ペアを動的生成し先頭ペアを自動選択
4239      function populatePairs() {
4240        var b = brokerSel.value; pairSel.innerHTML = '';
4241        if (!b || !CB_DATA[b]) { pairSel.disabled = true; mcRenderCustomSelect(pairSel); return; }
4242        pairSel.disabled = false;
4243        var first = null;
4244        pairOrder.forEach(function(pr) {
4245          if (CB_DATA[b].pairs[pr]) { var o = opt(pr, pairNames[pr]); if (!first) { o.selected = true; first = pr; } pairSel.appendChild(o); }
4246        });
4247        mcRenderCustomSelect(pairSel);
4248      }
4249
4250      function syncLot(v) {
4251        v = parseInt(v, 10); if (isNaN(v)) v = 1;
4252        v = Math.max(1, Math.min(200, v));
4253        lotNum.value = v; lotRange.value = v;
4254        lotRange.style.setProperty('--p', ((v - 1) / 199 * 100) + '%');
4255        return v;
4256      }
4257
4258      var inView = false, ready = false;
4259      function updateSticky() {
4260        var on = inView && ready;
4261        stickyCta.classList.toggle('show', on);
4262        var fabCmp = document.getElementById('fixedCmpBtn'), fabTop = document.getElementById('fabTop');
4263        if (window.innerWidth < 768) {
4264          if (fabCmp) fabCmp.style.visibility = on ? 'hidden' : '';
4265          if (fabTop) fabTop.style.visibility = on ? 'hidden' : '';
4266        }
4267      }
4268
4269      // 段階表示の制御:業者→(ペア)→(ロット)→結果
4270      function apply() {
4271        var bk = brokerSel.value;
4272        if (!bk || !CB_DATA[bk]) {
4273          show(pairField, false); show(lotField, false); show(resultCol, false);
4274          bubbleEl.textContent = 'まずは業者を選んでね';
4275          ready = false; updateSticky();
4276          return;
4277        }
4278        var b = CB_DATA[bk], sp = allSpread(b);
4279        show(pairField, !sp);
4280        var pk = sp ? Object.keys(b.pairs)[0] : pairSel.value;
4281        var u = b.pairs[pk].u;
4282        show(lotField, !sp && u !== 'spread');
4283        show(resultCol, true);
4284        bubbleEl.textContent = sp ? 'このまま結果をチェック!'
4285          : (u === 'spread' ? 'このペアは取引コストの還元だよ' : '通貨ペアとロット数を選んでね');
4286        renderResult(b, pk);
4287        ready = true; updateSticky();
4288      }
4289
4290      function renderResult(b, pk) {
4291        var lot = syncLot(lotNum.value);
4292        var d = b.pairs[pk], u = d.u, v = d.v, pairName = pairNames[pk];
4293        var isSpread = (u === 'spread');
4294
4295        var openUrl = BASE + '/' + b.slug + '/';
4296        var detailUrl = BASE + '/' + b.slug + '/cashback/';
4297        var ctaInner = b.name + 'の口座を開設する →' +
4298          '<span class="block font-medium text-[11px] mt-1 text-white opacity-80">紹介リンクから1分・自動でキャッシュバックをGET</sp
4298an>';
4299
4300        // スマホ固定CTA
4301        stickyLink.href = openUrl;
4302        stickyLink.innerHTML = ctaInner;
4303
4304        var ctaPC = '<div class="max-md:hidden mt-5">' +
4305          '<a href="' + openUrl + '" target="_blank" rel="noopener" class="block w-full text-center text-white font-bold text-[16px] px-6 py-4 rounded-full hover:opacity-90 transition-opacity shadow-lg leading-snug" style="background:linear-gradient(90deg,#f0b100,#ff6900,#fe9a00);">' + ctaInner + '</a></div>';
4306        var detail = '<div class="text-center mt-4"><a href="' + detailUrl + '" class="text-mc-yellow font-bold text-[13px] hover:underline">' + b.name + 'のキャッシュバック詳細を見る →</a></div>';
4307        var basis = '<div class="text-[12px] text-gray-400 mt-4 text-left leading-relaxed">' +
4308          '<span>基準口座:<span class="text-gray-200">' + b.name + ' ' + b.account + '</span></span><br>' +
4309          '<span class="text-gray-500">口座タイプによってキャッシュバックは異なります</span></div>';
4310        var disc = '<p class="text-[11px] text-gray-500 mt-4 leading-relaxed text-left border-t border-[#2a2a2a] pt-3">' + rateNote() + '</p>';
4311
4312        var html = '';
4313
4314        if (isSpread) {
4315          // スプレッド○%還元:金額は出さず「取引コストの○%が戻る」を例示
4316          var ex = fmt0(COST_EXAMPLE * v / 100);
4317          html =
4318            '<p class="text-[15px] font-bold text-gray-300 mb-2 text-center">毎月のキャッシュバック見込</p>' +
4319            '<p class="font-black leading-tight mb-1 text-center"><span class="text-[48px] max-md:text-[34px] font-mono text-mc-mint">' + fmt2(v) + '</span><span class="text-[24px] max-md:text-[20px] text-mc-mint">%</span><span class="text-[15px] text-gray-400 font-semibold ml-1">が取引コストから戻る</span></p>' +
4320            '<p class="text-[13px] text-gray-200 leading-relaxed text-center mt-2">' + b.name + 'は、取引で支払うコスト(スプレッド)の' + fmt2(v) + '%が自動で戻ってくる仕組みです。取引量が多いほど戻る額も増えます。</p>' +
4321            '<div class="bg-[#111111] border border-[#2a2a2a] rounded-[10px] px-4 py-3 mt-3 text-[13px] text-gray-200 leading-relaxed text-left">例えば毎月の取引コストが <b class="text-mc-mint font-bold font-mono">' + amountLabelFromJpy(COST_EXAMPLE) + '</b> なら、その<span class="font-mono">' + fmt2(v) + '%</span>=<b class="text-mc-mint font-bold font-mono">' + amountLabelFromJpy(COST_EXAMPLE * v / 100) + '</b>が戻る計算です。</div>' +
4322            basis +
4323            '<p class="text-[11.5px] leading-relaxed mt-3 text-left" style="color:#FF6B6B;">スプレッドは時間帯や相場状況によって変動します(指標発表時などは広がることがあります)。そのため戻ってくる額も取引ごとに変わり、上の例は目安です。最新の条件は' + b.name + 'のページでご確認ください。</p>' +
4324            ctaPC + detail + disc;
4325        } else if (isYenA(pk, u)) {
4326          var amount, amountUsd, plain, formula;
4327          if (u === 'jpy_lot') {
4328            amount = v * lot;
4329            amountUsd = amount / CONV.USDJPY;
4330            plain = pairName + 'を毎月' + lot + 'ロット取引した場合の目安です。';
4331            formula = (IS_NON_JA ? approxUsdFromJpy(v) : '¥' + fmt2(v)) + ' × ' + lot + 'ロット = ' + formulaAmountFromJpy(amount);
4332          } else if (u === 'usd_lot') {
4333            amount = v * lot * CONV.USDJPY;
4334            amountUsd = v * lot;
4335            plain = IS_NON_JA ? pairName + 'を毎月' + lot + 'ロット取引した場合の目安です。' : pairName + 'を毎月' + lot + 'ロット取引した場合の目安です(1ドル=' + CONV.USDJPY + '円で計算)。';
4336            formula = '$' + fmt2(v) + ' × ' + lot + 'ロット' + (IS_NON_JA ? ' = ' + fmtUsd(amountUsd) : ' × ' + CONV.USDJPY + '円 = ' + fmt0(amount) + '円');
4337          } else { // pips × FX
4338            var pv = pipValue(pk); amount = v * lot * pv;
4339            amountUsd = amount / CONV.USDJPY;
4340            plain = pairName + 'を毎月' + lot + 'ロット取引した場合の目安です。';
4341            formula = fmt2(v) + 'pips × ' + lot + 'ロット × ' + formulaAmountFromJpy(pv) + ' = ' + formulaAmountFromJpy(amount);
4342          }
4343          html =
4344            '<p class="text-[15px] font-bold text-gray-300 mb-2 text-center">毎月のキャッシュバック見込(概算)</p>' +
4345            '<p class="font-black leading-tight mb-3 text-center"><span class="text-[18px] text-mc-mint">' + (IS_NON_JA ? 'approx. ' : '約 ') + '</span><span class="text-[48px] max-md:text-[34px] font-mono text-mc-mint">' + (IS_NON_JA ? fmtUsd(amountUsd) : fmt0(amount)) + '</span><span class="text-[24px] max-md:text-[20px] text-mc-mint">' + (IS_NON_JA ? '' : '円') + '</span><span class="text-[15px] text-gray-400 font-semibold ml-1">' + (IS_NON_JA ? '/ month' : '/ 月') + '</span></p>' +
4346            '<p class="text-[13px] text-gray-200 leading-relaxed text-center">' + plain + '</p>' +
4347            '<details class="mcg-acc mt-3 border-t border-[#2a2a2a] pt-3 text-left">' +
4348              '<summary class="text-[12px] font-bold text-mc-yellow">計算の内訳を見る</summary>' +
4349              '<div class="mcg-formula mt-2">' + formula + '</div>' +
4350              '<p class="text-[12px] text-gray-400 mt-2">承認キャッシュバック単価:<span class="text-gray-200 font-mono">' + unitLabel(v, u) + '</span></p>' +
4351            '</details>' +
4352            basis + ctaPC + detail + disc;
4353        } else {
4354          // pips(金・BTC)/ point:単位そのまま
4355          var main;
4356          if (u === 'pips') main = '<span class="text-[48px] max-md:text-[34px] font-mono text-mc-mint">' + fmt2(v * lot) + '</span><span class="text-[18px] text-gray-400 font-semibold ml-1">pips / 月</span>';
4357          else main = '<span class="text-[48px] max-md:text-[34px] font-mono text-mc-mint">' + fmt2(v * lot) + '</span><span class="text-[18px] text-gray-400 font-semibold ml-1">ポイント / 月</span>';
4358          html =
4359            '<p class="text-[15px] font-bold text-gray-300 mb-2 text-center">毎月のキャッシュバック見込</p>' +
4360            '<p class="font-black leading-tight mb-3 text-center">' + main + '</p>' +
4361            '<p class="text-[13px] text-gray-200 leading-relaxed text-center">' + (IS_NON_JA ? 'この銘柄は取引条件で戻る額が変わるため、USDの目安は出していません。実際の戻り額は業者ページでご確認ください。' : 'この銘柄は取引条件で戻る額が変わるため、円の目安は出していません。実際の戻り額は業者ページでご確認ください。') + '</p>' +
4362            '<p class="text-[12px] text-gray-400 mt-3 text-left">承認キャッシュバック単価:<span class="text-gray-200 font-mono">' + unitLabel(v, u) + '</span></p>' +
4363            basis + ctaPC + detail + disc;
4364        }
4365        resultEl.innerHTML = html;
4366      }
4367
4368      brokerSel.addEventListener('change', function() {
4369        var bk = brokerSel.value;
4370        if (bk && CB_DATA[bk] && !allSpread(CB_DATA[bk])) { populatePairs(); }
4371        apply();
4372      });
4373      pairSel.addEventListener('change', apply);
4374      lotNum.addEventListener('input', apply);
4375      lotRange.addEventListener('input', function() { lotNum.value = lotRange.value; apply(); });
4376
4377      // スマホ固定CTA:シミュレーターが画面内 かつ 結果表示済みのã
4377¨ãã ã‘表示(PCはCSSで非表示)
4378      var simSection = document.getElementById('cb-simulator');
4379      if ('IntersectionObserver' in window && simSection) {
4380        new IntersectionObserver(function(entries) {
4381          entries.forEach(function(e) { inView = e.isIntersecting; updateSticky(); });
4382        }, { threshold: 0.05 }).observe(simSection);
4383      }
4384
4385      // 初期表示:業者未選択(「まずは業者を選んでね」)
4386      apply();
4387    })();
4388</script>
4388
4389
4390<!-- Fixed Buttons (Campaign + Top) -->
4391<style>
4392@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
4393</style>
4394<a href="#campaigns" id="fixedCmpBtn" class="fixed bottom-[88px] right-6 max-md:bottom-[72px] max-md:right-4 z-50 hover:scale-105 transition-transform" style="animation:float 2.5s ease-in-out infinite">
4395  <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/home/button_cmp.webp" alt="HOTキャンペーン" class="w-[120px] max-md:w-[90px] rounded-full shadow-[0_4px_20px_rgba(0,0,0,0.5)]">
4396</a>
4397<button id="fabTop" class="fab-top fixed bottom-6 right-6 max-md:bottom-4 max-md:right-4 w-[56px] h-[56px] rounded-full bg-mc-yellow text-mc-black text-[24px] font-black shadow-lg z-50 flex items-center justify-center" onclick="window.scrollTo({top:0,behavior:'smooth'})">↑</button>
4398
4399<!-- ================================================================
4400     NEW FOOTER
4401     - CSS はすべて id="mc-footer" スコープに閉じ込め既存CSSとの干渉ゼロ
4402     - 言語切替ロジックはヘッダーの switchLang と同一の実装
4403================================================================ -->
4404<style>
4405  /* ── フッター全体の隔離リセット ── */
4406  #mc-footer,
4407  #mc-footer * {
4408    box-sizing: border-box !important;
4409  }
4410
4411  /* a / span / div / p — 既存グローバルスタイルを上書き */
4412  #mc-footer a {
4413    text-decoration: none !important;
4414    background: none !important;
4415    padding: 0 !important;
4416    margin: 0 !important;
4417    border: none !important;
4418    outline: none !important;
4419  }
4420  #mc-footer a::before,
4421  #mc-footer a::after {
4422    content: none !important;
4423    display: none !important;
4424  }
4425  #mc-footer ul, #mc-footer li {
4426    list-style: none !important;
4427    margin: 0 !important;
4428    padding: 0 !important;
4429  }
4430
4431  /* ── ft-link ── */
4432  #mc-footer .ft-link {
4433    color: #ffffff !important;
4434    font-size: 14px !important;
4435    font-family: 'Noto Sans JP', sans-serif !important;
4436    text-decoration: none !important;
4437    line-height: 1 !important;
4438    transition: color 0.18s !important;
4439    display: block !important;
4440    text-align: left !important;
4441  }
4442  #mc-footer .ft-link:hover { color: #FACC15 !important; }
4443
4444  /* ── legal-link ── */
4445  #mc-footer .mc-legal-link {
4446    color: #9CA3AF !important;
4447    font-size: 12px !important;
4448    font-family: 'Noto Sans JP', sans-serif !important;
4449    text-decoration: none !important;
4450    transition: color 0.18s !important;
4451    white-space: nowrap !important;
4452  }
4453  #mc-footer .mc-legal-link:hover { color: #FACC15 !important; }
4454
4455  /* ── col-head ── */
4456  #mc-footer .col-head {
4457    color: #FACC15 !important;
4458    font-size: 15px !important;
4459    font-weight: 700 !important;
4460    display: block !important;
4461    margin-bottom: 20px !important;
4462    font-family: 'Noto Sans JP', sans-serif !important;
4463    text-align: left !important;
4464  }
4465
4466  /* ── divider ── */
4467  #mc-footer .ft-divider {
4468    width: 100% !important;
4469    height: 1px !important;
4470    background: #2d2d2d !important;
4471    border: none !important;
4472    display: block !important;
4473  }
4474
4475  /* ── 言語プルダウン ── */
4476  #mc-footer .mc-lang-wrap {
4477    position: relative !important;
4478    display: inline-flex !important;
4479    align-items: center !important;
4480  }
4481  #mc-footer .mc-lang-flag {
4482    position: absolute !important;
4483    left: 10px !important;
4484    font-size: 15px !important;
4485    pointer-events: none !important;
4486    line-height: 1 !important;
4487    z-index: 1 !important;
4488  }
4489  #mc-footer .mc-lang-wrap::after {
4490    content: "▾" !important;
4491    position: absolute !important;
4492    right: 10px !important;
4493    font-size: 11px !important;
4494    color: #6B7280 !important;
4495    pointer-events: none !important;
4496    line-height: 1 !important;
4497  }
4498  #mc-footer .mc-lang-select {
4499    appearance: none !important;
4500    -webkit-appearance: none !important;
4501    background: #1A1A1A !important;
4502    border: 1px solid #374151 !important;
4503    border-radius: 7px !important;
4504    color: #D1D5DB !important;
4505    font-size: 12px !important;
4506    font-family: 'Noto Sans JP', sans-serif !important;
4507    padding: 7px 32px 7px 34px !important;
4508    cursor: pointer !important;
4509    outline: none !important;
4510    transition: border-color 0.2s !important;
4511    min-width: 130px !important;
4512  }
4513  #mc-footer .mc-lang-select:hover,
4514  #mc-footer .mc-lang-select:focus {
4515    border-color: #FACC15 !important;
4516    color: #ffffff !important;
4517  }
4518
4519  /* ── レスポンシブ: 4列グリッド ── */
4520  #mc-footer .mc-footer-grid {
4521    display: grid !important;
4522    grid-template-columns: repeat(2, 1fr) !important;
4523    gap: 40px 24px !important;
4524  }
4525  @media (min-width: 768px) {
4526    #mc-footer .mc-footer-grid {
4527      grid-template-columns: repeat(4, 1fr) !important;
4528      gap: 24px !important;
4529    }
4530  }
4531
4532  /* ── ブランドエリア ── */
4533  #mc-footer .mc-brand-row {
4534    display: flex !important;
4535    flex-direction: column !important;
4536    align-items: flex-start !important;
4537    gap: 12px !important;
4538    margin-bottom: 48px !important;
4539  }
4540  @media (min-width: 768px) {
4541    #mc-footer .mc-brand-row {
4542      flex-direction: row !important;
4543      align-items: center !important;
4544      gap: 16px !important;
4545      margin-bottom: 56px !important;
4546    }
4547  }
4548  #mc-footer .mc-brand-text {
4549    display: flex !important;
4550    flex-direction: column !important;
4551    align-items: flex-start !important;
4552    gap: 4px !important;
4553  }
4554
4555  /* ── ボトムバー ── */
4556  #mc-footer .mc-bottom-bar {
4557    display: flex !important;
4558    flex-direction: column !important;
4559    align-items: center !important;
4560    gap: 16px !important;
4561    padding: 24px 0 !important;
4562  }
4563  #mc-footer .mc-legal-links {
4564    display: flex !important;
4565    flex-wrap: wrap !important;
4566    align-items: center !important;
4567    justify-content: center !important;
4568    gap: 12px 16px !important;
4569  }
4570
4571  /* ── リンク列の縦並び ── */
4572  #mc-footer .mc-col-links {
4573    display: flex !important;
4574    flex-direction: column !important;
4575    gap: 20px !important;
4576  }
4577</style>
4578
4579<footer id="mc-footer" style="background:#0D0D0D;width:100%;font-family:'Noto Sans JP',sans-serif;color:#ffffff;-webkit-font-smoothing:antialiased;">
4580
4581  <div style="max-width:1280px;margin:0 auto;padding:64px 24px 0;">
4582
4583    <!-- ══ ブランドエリア ══ -->
4584    <div class="mc-brand-row">
4585      <!-- Footer logo -->
4586      <img src="https://money-charger.com/wp-content/themes/wp-mc/assets/ui/footer_logo.webp"
4587           alt="MoneyCharger"
4588           onerror="this.onerror=null;this.src='https://money-charger.com/wp-content/themes/wp-mc/assets/home/icon-logo.webp';"
4589           style="height:72px;width:auto;display:block;flex-shrink:0;max-width:none !important;border:none !important;padding:0 !important;margin:0 !important;">
4590
4591      <div class="mc-brand-text">
4592        <span style="font-size:22px;font-weight:700;color:#ffffff;letter-spacing:-0.01em;">MoneyCharger</span>
4593        <span style="font-size:13px;color:#9CA3AF;">海外FXキャッシュバックサービス</span>
4594        <span style="font-size:13px;color:#00E5A0;font-weight:700;">累計200億円の支払い実績</span>
4595      </div>
4596    </div>
4597
4598    <!-- ══ 4列リンク ══ -->
4599    <div class="mc-footer-grid" style="margin-bottom:56px;">
4600
4601      <!-- サービス -->
4602      <div class="flex flex-col">
4603        <span class="col-head">サービス</span>
4604        <div class="mc-col-links">
4605          <a href="https://money-charger.com/trader" class="ft-link">キャッシュバック</a>
4606          <a href="https://money-charger.com/ranking" class="ft-link">ランキング</a>
4607          <a href="https://money-charger.com/campaign/" class="ft-link">キャンペーン</a>
4608          <a href="https://money-charger.com/mceatenka" class="ft-link">自動売買</a>
4609          <a href="https://money-charger.com/affiliate" class="ft-link">パートナー募集</a>
4610        </div>
4611      </div>
4612
4613      <!-- コンテンツ -->
4614      <div class="flex flex-col">
4615        <span class="col-head">コンテンツ</span>
4616        <div class="mc-col-links">
4617          <a href="https://money-charger.com/about" class="ft-link">マネチャとは?</a>
4618          <a href="https://money-charger.com/information/beginner/" class="ft-link">ご利用ガイド</a>
4619          <a href="https://money-charger.com/ea-guide/" class="ft-link">自動売買とは?</a>
4620          <a href="https://money-charger.com/information/" class="ft-link">マネチャメディア</a>
4621        </div>
4622      </div>
4623
4624      <!-- サポート -->
4625      <div class="flex flex-col">
4626        <span class="col-head">サポート</span>
4627        <div class="mc-col-links">
4628          <a href="https://money-charger.com/faq" class="ft-link">FAQ</a>
4629          <a href="https://money-charger.com/contact" class="ft-link">お問い合わせ</a>
4630          <a href="https://money-charger.com/news" class="ft-link">お知らせ</a>
4631        </div>
4632      </div>
4633
4634      <!-- コミュニティ -->
4635      <div class="flex flex-col">
4636        <span class="col-head">コミュニティ</span>
4637        <div class="mc-col-links">
4638          <a href="https://x.com/moneycharger_jp" target="_blank" rel="noopener noreferrer" class="ft-link">X</a>
4639          <a href="https://lin.ee/YyihKpg" target="_blank" rel="noopener noreferrer" class="ft-link">LINE</a>
4640          <a href="https://discord.gg/CJtuapQjVU" target="_blank" rel="noopener noreferrer" class="ft-link">Discord</a>
4641        </div>
4642      </div>
4643
4644    </div>
4645  </div><!-- /inner top -->
4646
4647  <!-- ══ DIVIDER ══ -->
4648  <span class="ft-divider"></span>
4649
4650  <!-- ══ BOTTOM BAR ══ -->
4651  <div style="max-width:1280px;margin:0 auto;padding:0 24px;">
4652    <div class="mc-bottom-bar">
4653
4654      <!-- ① 言語選択プルダウン -->
4655      <div class="mc-lang-wrap">
4656        <span class="mc-lang-flag" id="mc-ft-flag-icon">🇯🇵</span>
4657        <select class="mc-lang-select" id="mc-ft-lang-select" aria-label="言語選択">
4658          <option value="ja" data-flag="🇯🇵">日本語</option>
4659          <option value="en" data-flag="🇺🇸">English</option>
4660          <option value="zh-cn" data-flag="🇨🇳">中文</option>
4661          <option value="vi" data-flag="🇻🇳">Tiếng Việt</option>
4662          <option value="ms" data-flag="🇲🇾">Bahasa Melayu</option>
4663        </select>
4664      </div>
4665
4666      <!-- ② 規約リンク -->
4667      <div class="mc-legal-links">
4668                <a href="https://money-charger.com/terms_of_use" class="mc-legal-link">利用規約</a>
4669        <a href="https://money-charger.com/privacy_policy" class="mc-legal-link">プライバシーポリシー</a>
4670        <a href="https://money-charger.com/contents-policy" class="mc-legal-link">コンテンツポリシー</a>
4671        <a href="https://money-charger.com/company" class="mc-legal-link">運営会社情報</a>
4672        <a href="https://money-charger.com/supervisor" class="mc-legal-link">監修者</a>
4673      </div>
4674
4675      <!-- ③ 投資リスクの注意書き(TASK-058 / 2026-09-01・文言は案Aで確定)
4676           サイト共通CSS(/common/css/all.css)が font-size と text-align を
4677           上書きしてくるため、打ち消しを直接書く(DEC-12)。rem は使わない。 -->
4678      <span style="font-size:12px;line-height:1.6;color:#6B7280;text-align:center;display:block;max-width:720px;">
4679        本サイトの情報は投資を勧誘するものではありません。海外FX取引にはリスクが伴います。      </span>
4680
4681      <!-- ④ コピーライト -->
4682      <span style="font-size:12px;color:#6B7280;">
4683        Copyright &copy; 2026 MoneyCharger All Rights Reserved.
4684      </span>
4685
4686    </div>
4687  </div>
4688
4689</footer>
4690
4691<!-- ================================================================
4692     FOOTER LANGUAGE TOGGLE
4693     ヘッダーと同じ switchLang ロジック。
4694     ヘッダーの switchLang が定義済みの場合はそれを再利用。
4695================================================================ -->
4696<script>
4697(function () {
4698  'use strict';
4699
4700  var ftSelect  = document.getElementById('mc-ft-lang-select');
4701  var ftFlagEl  = document.getElementById('mc-ft-flag-icon');
4702  if (!ftSelect) return;
4703
4704  /* 現在の言語を URL から判定(日本語=ルート) */
4705  function detectFtLang() {
4706    var m = location.pathname.match(/^\/(en|zh-cn|vi|ms)(\/|$)/);
4707    return m ? m[1] : 'ja';
4708  }
4709  var currentLang = detectFtLang();
4710  ftSelect.value  = currentLang;
4711
4712  var flagMap = { ja:'🇯🇵', en:'🇺🇸', 'zh-cn':'🇨🇳', vi:'🇻🇳', ms:'🇲🇾' };
4713  if (ftFlagEl) {
4714    ftFlagEl.textContent = flagMap[currentLang] || '🇯🇵';
4715  }
4716
4717  /* フラグアイコンの更新 */
4718  function updateFtFlag(lang) {
4719    if (!ftFlagEl) return;
4720    ftFlagEl.textContent = flagMap[lang] || '🇯🇵';
4721  }
4722
4723  /* 言語切替 — ヘッダーと同一ロジック */
4724  function ftSwitchLang(lang) {
4725    updateFtFlag(lang);
4726    /* Linguiseが出力する hreflang リンクから正しいURLを取得 */
4727    var hreflang = document.querySelector('link[rel="alternate"][hreflang="' + lang + '"]');
4728    if (hreflang && hreflang.href) {
4729      location.href = hreflang.href;
4730      return;
4731    }
4732    /* hreflangがない場合のフォールバック */
4733    var path   = location.pathname;
4734    var search = location.search;
4735    var base   = location.protocol + '//' + location.hostname;
4736    var basePath = path.replace(/^\/(en|zh-cn|vi|ms)(\/|$)/, function(m, code, sep){ return sep || '/'; });
4737    if (lang === 'ja') {
4738      location.href = base + basePath + search;
4739    } else {
4740      location.href = base + '/' + lang + (basePath === '/' ? '/' : basePath) + search;
4741    }
4742  }
4743
4744  /* select change イベント */
4745  ftSelect.addEventListener('change', function() {
4746    ftSwitchLang(this.value);
4747  });
4748
4749  /* フラグアイコン連動(オプション選択時に即座に反映) */
4750  ftSelect.addEventListener('change', function() {
4751    var opt = this.options[this.selectedIndex];
4752    if (ftFlagEl && opt) ftFlagEl.textContent = opt.dataset.flag || '';
4753  });
4754
4755})();
4756</script>
4756
4757
4758<script>window.$ = window.$ || window.jQuery;</script>
vendor: 1 bytes, line 4758
4758
4759<script src="https://money-charger.com/wp-content/themes/wp-mc/common/js/vendor/infiniteslidev2.js"></script>
vendor: 1 bytes, line 4759
4759
4760<script src="https://money-charger.com/wp-content/themes/wp-mc/common/js/script.js?1785482633"></script>
4760
4761
4762<script type="speculationrules">
4763{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/wp-mc/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
4764</script>
vendor: 1 bytes, line 4764
4764
4765<script id="mc-ref-tracker-js" src="https://money-charger.com/wp-content/themes/wp-mc/common/js/ref-tracker.js?ver=1787196894"></script>
vendor: 1 bytes, line 4765
4765
4766<script id="toc-front-js-extra">
4767var tocplus = {"visibility_show":"show","visibility_hide":"hide","toggle_style":"brackets","width":"Auto"};
4768//# sourceURL=toc-front-js-extra
4769</script>
vendor: 1 bytes, line 4769
4769
4770<script id="toc-front-js" src="https://money-charger.com/wp-content/plugins/table-of-contents-plus/assets/front.min.js?ver=202609.1"></script>
vendor: 1 bytes, line 4770
4770
4771<script id="vk-swiper-script-js" src="https://money-charger.com/wp-content/plugins/vk-blocks/vendor/vektor-inc/vk-swiper/src/assets/js/swiper-bundle.min.js?ver=14.0.6"></script>
vendor: 1 bytes, line 4771
4771
4772<script id="vk-blocks-slider-js-extra">
4773var vkBlocksSliderI18n = {"actualCountLabel":"Showing %1$s to %2$s of %3$s"};
4774//# sourceURL=vk-blocks-slider-js-extra
4775</script>
vendor: 1 bytes, line 4775
4775
4776<script id="vk-blocks-slider-js" src="https://money-charger.com/wp-content/plugins/vk-blocks/build/vk-slider.min.js?ver=1.128.0"></script>
vendor: 1 bytes, line 4776
4776
4777<script id="vk-blocks-group-scrollable-js" src="https://money-charger.com/wp-content/plugins/vk-blocks/build/vk-group-scrollable.min.js?ver=1.128.0"></script>
vendor: 1 bytes, line 4777
4777
4778<script id="wp-emoji-settings" type="application/json">
4779{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://money-charger.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
4780</script>
vendor: 1 bytes, line 4780
4780
4781<script type="module">
4782/*! This file is auto-generated */
4783var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
4784//# sourceURL=https://money-charger.com/wp-includes/js/wp-emoji-loader.min.js
4785</script>
4785
4786  
4786<script>
4787  /* TASK-059: ブログカードの高さを守る。共通CSSの height:auto 対策 */
4788  (function () {
4789    function applyHeight(el) {
4790      var h = el.getAttribute('height');
4791      if (!h) return;
4792      h = parseInt(h, 10);
4793      if (!h || h < 1) return;
4794      el.style.height = h + 'px';
4795    }
4796
4797    function init() {
4798      var frames = document.querySelectorAll('iframe.wp-embedded-content');
4799      if (!frames.length) return;
4800
4801      Array.prototype.forEach.call(frames, function (el) {
4802        applyHeight(el);
4803
4804        /* WordPress は高さを受け取ったあとに height 属性を書き換える。
4805           そのたびに style にも写す。 */
4806        if (window.MutationObserver) {
4807          new MutationObserver(function () { applyHeight(el); })
4808            .observe(el, { attributes: true, attributeFilter: ['height'] });
4809        }
4810      });
4811    }
4812
4813    if (document.readyState === 'loading') {
4814      document.addEventListener('DOMContentLoaded', init);
4815    } else {
4816      init();
4817    }
4818  })();
4819  </script>
4819
4820  
4821<!-- Meta CTA tracking -->
4822<script>
4823document.addEventListener("DOMContentLoaded", () => {
4824  const urlParams   = new URLSearchParams(window.location.search);
4825  const utmMedium   = (urlParams.get("utm_medium") || "").toLowerCase();
4826  const utmCampaign = urlParams.get("utm_campaign");
4827  const utmContent  = urlParams.get("utm_content");
4828
4829  if (typeof fbq !== 'undefined' && (utmMedium === 'cpc' || utmMedium === 'ad')) {
4830    document.querySelectorAll("a.cta-button[data-position]").forEach((btn) => {
4831      btn.addEventListener("click", () => {
4832        const pos = btn.dataset.position || "unknown";
4833        fbq('track', 'Lead', {
4834          position: pos,
4835          ad_id: utmCampaign,
4836          content: utmContent
4837        });
4838      });
4839    });
4840  }
4841});
4842</script>
4842
4843
4844<!-- GA4 CTAクリック計測:主要ボタン(登録/ログイン/業者リンク)のクリックを自動判定してGA4へ送信。リンク先・挙動・見た目は一切変更しない。 -->
4845<script>
4846document.addEventListener("click", function (e) {
4847  if (typeof gtag === "undefined") return;
4848  var a = (e.target && e.target.closest) ? e.target.closest("a[href]") : null;
4849  if (!a) return;
4850  var href = a.getAttribute("href") || "";
4851  if (!href || href.charAt(0) === "#" || href.indexOf("javascript:") === 0) return;
4852
4853  var type = "";
4854  if (/portal\.money-charger\.com\/register/i.test(href)) {
4855    type = "register";          // 無料登録
4856  } else if (/portal\.money-charger\.com\/login/i.test(href)) {
4857    type = "login";             // ログイン
4858  } else {
4859    try {
4860      var u = new URL(href, location.href);
4861      // 自社ドメイン以外(業者紹介リンク等)への離脱クリック
4862      if (u.hostname && u.hostname !== location.hostname && !/(^|\.)money-charger\.com$/i.test(u.hostname)) {
4863        type = "broker_referral";
4864      }
4865    } catch (err) {}
4866  }
4867  if (!type) return;            // 計測対象外(サイト内リンク・アンカー)は無視
4868
4869  gtag("event", "cta_click", {
4870    cta_type:        type,
4871    cta_label:       (a.textContent || "").replace(/\s+/g, " ").trim().slice(0, 60),
4872    cta_destination: href,
4873    source_path:     location.pathname
4874  });
4875});
4876</script>
4876
4877</body>
4878</html>
4879
4880
4881<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-08 15:55:38 -->

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.