</noscript> <div id="pr">PR</div> <header class="header"> <section class="header-inner"> <h1><a href="/categories/popular"><img loading="lazy" src="/assets/img/header__logo.png" class="header-logo"></a></h1> </section> </header> <!-- main --> <main class="main"> <div class="container"> <div class="detaile"> <div class="detail_main"> <p class="detail_top"> <span>ゴールドカード人気<font color=red>No.1</font></span> JCBゴールド </p> <div class="detail_card slide_card"> <a rel="nofollow noopener noreferrer" target="_blank" href="rd?card_id=8&category=&detail_card_id=8&contents=card_img" class="card"><img loading="lazy" src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/18/1f9c889d-1d6f-4905-8607-3de02377d9c7.png" alt="" /></a> </div> <img data-src="/assets/img/nukkokun2.png" alt="ぬっこ君" class="nukkokun2 lazyload" /> </div> <p class="ranking_text">【ゴールドカード人気<font color=red>No.1</font>】<br>初年度<font color=red>無料</font>でポイント<font color=red>20倍</font>！</p><div class="point3"> <h1 class="point3_title"> <span>JCBゴールド</span> 30秒でわかるメリット！ </h1> <ul class="point_list"> <li class="list"> <p class="point_list_title">1年間<font color=red>無料で試せる</font>ゴールドカード！</p> <p class="point_list_read">初年度年会費が<font color=red>0円</font>だからゴールドカードが<font color=red>無料で試せる</font>！<br>1年間無料でJCB最高クラスのサービスを体験できる！</p> </li> <li class="list"> <p class="point_list_title">空港ラウンジが<font color=red>無料</font>で利用可能！</p> <p class="point_list_read">国内の主要空港のラウンジが<font color=red>無料</font>で利用可能！ <br>落ち着いた待合室や無料の飲み物でフライトの待ち時間を快適に過ごせます！</p> </li> <li class="list"> <p class="point_list_title">ショッピング・旅行等でハイクラスのサービスを<font color=red>無料で体験</font>！</p> <p class="point_list_read">会員向けサイトでは有名ブランドの飲食品、家電など<font color=red>3,500品以上</font>の商品を<font color=red>最安値で購入可能</font>！<br>他にも空港利用時には<font color=red>ラウンジが無料</font>などの10以上の優待サービス付き！</p> </li> <li class="list"> <p class="point_list_title">審査完了までは最短<font color=red>5分</font>！</p> <p class="point_list_read">申し込みから<font color=red>5分</font>で審査が完了！<br>最高レベルのスピードで審査結果がわかるゴールドカード！</p> </li> <li class="list"> <p class="point_list_title">Amazon、コンビニなどで使用すれば最大<font color=red>20倍</font>のポイントが貯まる！</p> <p class="point_list_read">ゴールドカードの中でも<font color=red>最高クラス</font>に還元率が高い！<br>Amazon等の優待点で使用すれば最大<font color=red>10％</font>が返ってくる！</p> </li> </ul> <div class="point_layer"></div> <div class="point_more"></div> </div> <div class="inner"> <div class="table_type"> <div class="sel"> <p class="th">年会費</p> <p class="td"><font color=red>初年度無料</font>※</p> </div> <div class="sel"> <p class="th">年会費2年目〜</p> <p class="td">11,000円（税込）</p> </div> <div class="sel"> <p class="th">発行スピード</p> <p class="td">最短5分</p> </div> </div> <div class="table_type"> <div class="sel"> <p class="th">還元率</p> <p class="td">0.5%～10.0% ※</p> </div> <div class="sel"> <p class="th">国際ブランド</p> <p class="td international"> <span class="visa_card"> <img loading="lazy" src="/assets/img/logo_jcb.png" alt="jcb" /> </span> </p> </div> <div class="sel"> <p class="th">電子マネー</p> <p class="td e_moneny"> <span class="nanaco_card"> <img loading="lazy" src="/assets/img/logo_applepay.png" alt="applepay" /> </span> <span class="nanaco_card"> <img loading="lazy" src="/assets/img/logo_quicpay.png" alt="quicpay" /> </span> <span class="nanaco_card"> <img loading="lazy" src="/assets/img/logo_googlepay.png" alt="googlepay" /> </span> </p> </div> </div> <p class="point_title">このお店で使えばポイントアップ</p> <ul class="point_store"> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_starbucks.png" alt="アイコン" /></div> <p class="txt">10倍</p> </li> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_amazon.png" alt="アイコン" /></div> <p class="txt">3倍</p> </li> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_takashimaya.png" alt="アイコン" /></div> <p class="txt">3倍</p> </li> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_mercari.png" alt="アイコン" /></div> <p class="txt">2倍</p> </li> <li class="table_other">など</li> </ul> <div class="table_type two_type"> <div class="sel"> <p class="th">年会費初年度</p> <p class="td"><font color=red>初年度無料</font>※</p> </div> <div class="sel"> <p class="th">年会費2年目〜</p> <p class="td">11,000円（税込）</p> </div> </div> <div class="campaign"> <div class="campaign_title"> <div class="campaign_title_inner"> <p class="campaign_date">2026年1月12日まで</p> <p class="campaign_text">入会キャンペーン!</p> </div> </div> <ul class="campaign_list"> <li class="list">スマホ決済利用で<span class="red b_y">20%</span>キャッシュバックキャンペーン！</li> <li class="list">Amazon.co.jp利用で<span class="red b_y">20%（最大23,000円）</span>キャッシュバックキャンペーン！</li> <li class="list">JCBのクレカ積立利用で最大で<span class="red b_y">17%</span>（最大17,000円）キャッシュバック</li> </ul> </div> <a rel="nofollow noopener noreferrer" target="_blank" href="rd?card_id=8&category=&detail_card_id=8&contents=button1" class="selected_card_entry" > <span class="in_wrap shiny_btn2"> <span class="entry_btn_text">今すぐカードを作る</span> </span> <span class="entry_btn_icon">5分で申し込み完了!!</span> </a> <p class="free_text">※最大還元率はJCB PREMOに交換した場合 ※モバ即の入会条件は以下2点になります。 【１】 9:00AM～8:00PMでお申し込み。（受付時間を過ぎた場合は、翌日受付扱い） 【２】 顔写真付き本人確認書類による本人確認。（運転免許証／マイナンバーカード／在留カード） ※モバ即での入会後、カード到着前の利用方法について、詳しくはHPをご確認ください。 オンラインで入会申し込みの場合は初年度年会費無料</p> </div> <div class="inner"> <div class="card_data_title" style="margin-top: 20px;"> <div class="card_data_icon"><img loading="lazy" src="/assets/img/card_data_icon_05.png" alt="icon"></div> <p>カードの特徴</p> </div> <div class="card_detail_img"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/26/466d4652-4504-4f80-9239-9888c92b4233.png" alt=""> </div> <div class="card_detail_img"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/26/26904639-d855-411d-9e51-ca42da106c33.png" alt=""> </div> <div class="card_detail_img"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/26/43c59a6f-d143-4f62-b5be-ce75e4d13bbd.png" alt=""> </div> <div class="card_detail_img"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/26/a40e6ab6-4628-4142-a060-716fd5062b57.png" alt=""> </div> <div class="card_detail_img"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/26/f7f79cf1-3dff-4ffe-b090-d50886fa102e.png" alt=""> </div> <div class="card_detail_img"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/26/05c37394-80a6-4bc1-9d5f-13f21e1c02d5.png" alt=""> </div> <a rel="nofollow noopener noreferrer" target="_blank" href="rd?card_id=8&category=&detail_card_id=8&contents=button2" class="selected_card_entry" > <span class="in_wrap shiny_btn2"> <span class="entry_btn_text">今すぐカードを作る</span> </span> <span class="entry_btn_icon">5分で申し込み完了!!</span> </a> </div> <section id="point_anchor" class="voice"> <div class="inner"> <p class="voice_title">利用者の口コミ</p> <ul class="voice_list"> <li class="list"> <div class="icon"> <img loading="lazy" src="/assets/img/icon_woman01.png" alt="アイコン" /> </div> <div class="customer"> <p class="name">女性 / 30代</p> <p class="txt">JCBゴールドが魅力的だったのは、海外、国内旅行時の付帯保険内容が、未使用時にも適用される点と、空港ラウンジが往復で1回まで利用できることです。旅行や出張の際に便利ですし、国内外の航空便利用時の出航遅延・乗継遅延等で生じた宿泊・飲食費や、預けた手荷物が遅延・紛失した際の衣類購入費等を補償してくれるので、当時、国内外の移動が多かったことが決め手となりました！</p> </div> </li> <li class="list"> <div class="icon"> <img loading="lazy" src="/assets/img/icon_man01.png" alt="アイコン" /> </div> <div class="customer"> <p class="name">男性 / 30代</p> <p class="txt">国内で1番信用出来るカードでどこででも使えるカードだと思ったし、日本で唯一の国際カードでもあるので、そこが決め手となりました。空港利用時なども無料でラウンジが利用できたり、海外旅行の傷害保険などもしっかりしていて海外へよく行く人ににとってはとても魅力的なカードでした。1枚持っていて損はしないなと感じます。</p> </div> </li> <li class="list"> <div class="icon"> <img loading="lazy" src="/assets/img/icon_woman02.png" alt="アイコン" /> </div> <div class="customer"> <p class="name">女性 / 40代</p> <p class="txt">空港を利用する機会が多く、クレジット会社のゴールドカードラウンジを利用したかったので加入しました。また、主人の会社と取引があるため、夫婦共々契約をいたしました。ハワイ旅行も多く、JCBカードラウンジを利用できるし、その他の特典も多く何かと便利だと感じます。</p> </div> </li> <li class="list"> <div class="icon"> <img loading="lazy" src="/assets/img/icon_man01.png" alt="アイコン" /> </div> <div class="customer"> <p class="name">男性 / 20代</p> <p class="txt">JCBのクレジットカードを利用していたことから興味を持ちました。空港ラウンジを利用できることやゴルフ場の予約、海外旅行の手厚い保険サービスも魅力を感じました。年会費は少し高いですが、飛行機による遅延による補償も充実しているので、飛行機を何度も利用するためとても交換が持てました。その他のメリットも多いためこれからも利用していきたいです。</p> </div> </li> <li class="list"> <div class="icon"> <img loading="lazy" src="/assets/img/icon_man01.png" alt="アイコン" /> </div> <div class="customer"> <p class="name">男性 / 40代</p> <p class="txt">JCBゴールドを選んだ理由は、ゴールドカードなのに年会費が初年度無料であることが最大の決め手でした。従来より一般カードを使用していましたが、総利用枠が少額であったため、上限に達することが何度かあり、総利用枠の増額を含めてネットよりゴールドカードの申請をしました。あとは、ゴールドカードを2年連続で年間利用額が100万円以上あればプラチナ等のインビテーションを受けられるのも魅力の1つだと思いました。</p> </div> </li> </ul> </div> </section> <style> .none { display: none; } </style> <section class="card_data"> <div class="inner"> <div class="card_data_title"> <div class="card_data_icon"><img loading="lazy" src="/assets/img/card_data_icon_05.png" alt="icon"></div> <p>カードの基本情報</p> </div> <table class="card_data_data"> <tr> <th>カード名</th> <td colspan="3" class="card_data_text">JCBゴールド</td> </tr> <tr> <th>発行会社</th> <td colspan="3" class="card_data_text">株式会社ジェーシービー </td> </tr> <tr> <th>所在地</th> <td colspan="3" class="card_data_text">東京都港区南青山5-1-22 青山ライズスクエア</td> </tr> <tr> <th>国際ブランド</th> <td colspan="3" class="card_data_text"> <p class="card_data_flex"> <span class="visa_card"> <img loading="lazy" src="/assets/img/logo_jcb.png" alt="jcb" /> </span> </p> </td> </tr> <tr> <th>申込資格</th> <td colspan="3" class="card_data_text">20歳以上で、ご本人に安定継続収入のある方（学生の方を除く） </td> </tr> <tr> <th>発行期間</th> <td colspan="3" class="card_data_text">最短5分</td> </tr> <tr> <th rowspan="6">年会費</th> <td rowspan="3">本人</td> <td>初年度</td> <td class="card_data_text">無料</td> </tr> <tr> <td>2年目以降</td> <td class="card_data_text">11,000円（税込）</td> </tr> <tr> <td>特典</td> <td class="card_data_text">-</td> </tr> <tr> <td rowspan="3">家族</td> <td>初年度</td> <td class="card_data_text">本会員支払い型：1名様無料、2人目より1名様につき1,100円 （税込）</td> </tr> <tr> <td>2年目以降</td> <td class="card_data_text">1,100円（税込）</td> </tr> <tr> <td>特典</td> <td class="card_data_text">1人目のみ無料 </td> </tr> <tr> <th rowspan="3">ショッピング</th> <td>利用枠</td> <td class="card_data_text" colspan="2">公式サイト参照</td> </tr> <tr> <td rowspan="2">利率</td> <td>分割払い</td> <td class="card_data_text">公式サイト参照</td> </tr> <tr> <td>リボ払い</td> <td class="card_data_text">-</td> </tr> <tr> <th rowspan="2">キャッシング</th> <td>利用枠</td> <td class="card_data_text" colspan="2">公式サイト参照</td> </tr> <tr> <td>利率</td> <td class="card_data_text" colspan="2">公式サイト参照</td> </tr> <tr> <th>締め日</th> <td colspan="3" class="card_data_text">公式サイト参照</td> </tr> <tr> <th>支払い日</th> <td colspan="3" class="card_data_text">公式サイト参照</td> </tr> <tr> <th>支払い方法</th> <td colspan="3" class="card_data_text">公式サイト参照</td> </tr> <tr> <th>電子マネー</th> <td colspan="3" class="card_data_text"> <p class="card_data_flex"> <span class="nanaco_card"> <img loading="lazy" src="/assets/img/logo_applepay.png" alt="applepay" /> </span> <span class="nanaco_card"> <img loading="lazy" src="/assets/img/logo_quicpay.png" alt="quicpay" /> </span> <span class="nanaco_card"> <img loading="lazy" src="/assets/img/logo_googlepay.png" alt="googlepay" /> </span> </p> </td> </tr> <tr> <th>対応コンビニ<br>（例）</th> <td colspan="3" class="card_data_text"> <p class="card_data_flex"> <span class="nanaco_card"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/18/106a449f-100b-4a8d-848f-e926928b5d0f.png" alt="img" /> </span> <span class="nanaco_card"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/18/36c2ea2d-850b-4338-be94-b4f028a64c8b.png" alt="img" /> </span> <span class="nanaco_card"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/18/81f5df49-4885-4b95-b3b3-becd03aadc71.png" alt="img" /> </span> <span class="nanaco_card"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2022/10/18/a9446463-201f-4b71-82af-a17e3c1ff272.png" alt="img" /> </span> </p> </td> </tr> </table> <div class="card_data_title"> <div class="card_data_icon"><img loading="lazy" src="/assets/img/card_data_icon_01.png" alt="icon"></div> <p>対応マイル・ポイント</p> </div> <table class="card_data_point"> <tr> <th rowspan="5">ポイント<br>プログラム</th> <td>ポイント名</td> <td colspan="2" class="card_data_text">OkiDokiポイント</td> </tr> <tr> <td>付与</td> <td colspan="2" class="card_data_text">1,000円＝1ポイント</td> </tr> <tr> <td>還元率</td> <td colspan="2" class="card_data_text">0.5～10.0％</td> </tr> <tr> <td>有効期限</td> <td colspan="2" class="card_data_text">-</td> </tr> <tr> <td>ポイント<br>交換先</td> <td colspan="2" class="card_data_text">ANAマイレージ,JALマイレージ,楽天,Tポイント,nanacoポイント,dポイント,WALLETポイント,ビッグポイントサービス, ベルメゾン・ポイント, 各種景品, 楽天Edy, キャッシュバック </td> </tr> <tr> <th>ポイント<br>優良店</th> <td colspan="3"> <ul class="point_store"> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_starbucks.png" alt="アイコン" /></div> <p class="txt">10倍</p> </li> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_amazon.png" alt="アイコン" /></div> <p class="txt">3倍</p> </li> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_takashimaya.png" alt="アイコン" /></div> <p class="txt">3倍</p> </li> <li class="list"> <div class="icon"><img loading="lazy" src="/assets/img/point_mercari.png" alt="アイコン" /></div> <p class="txt">2倍</p> </li> <li class="table_other_relative">など</li> </ul> </td> </tr> <tr> <th rowspan="10">提携マイル</th> <td rowspan="5">ANA<br>マイレージ<br>カード</td> <td>概要</td> <td class="card_data_text">-</td> </tr> <tr> <td>交換</td> <td class="card_data_text">1ポイント＝3マイル </td> </tr> <tr> <td>還元率</td> <td class="card_data_text">0.3%～0.78% </td> </tr> <tr> <td>移行<br>手数料</td> <td class="card_data_text">無料</td> </tr> <tr> <td>最低<br>交換<br>単位</td> <td class="card_data_text">500ポイント以上1ポイント単位での申込みになります </td> </tr> <tr> <td rowspan="5">JAL<br>マイレージ<br>カード</td> <td>概要</td> <td class="card_data_text">-</td> </tr> <tr> <td>交換</td> <td class="card_data_text">1ポイント＝3マイル </td> </tr> <tr> <td>還元率</td> <td class="card_data_text">0.3%～0.78% </td> </tr> <tr> <td>移行<br>手数料</td> <td class="card_data_text">無料</td> </tr> <tr> <td>最低<br>交換<br>単位</td> <td class="card_data_text">500ポイント以上1ポイント単位での申込みになります</td> </tr> </table> <div class="card_data_title"> <div class="card_data_icon"><img loading="lazy" src="/assets/img/card_data_icon_04.png" alt="icon"></div> <p>ETCカード</p> </div> <table class="card_data_etc"> <tr> <th>ETC追加発行</th> <td class="card_data_text">-</td> </tr> <tr> <th>ETC利用特典</th> <td class="card_data_text">-</td> </tr> <tr> <th>ETC年会費</th> <td class="card_data_text">無料</td> </tr> <tr> <th>ETC初回手数料</th> <td class="card_data_text">-</td> </tr> <tr> <th>備考</th> <td class="card_data_text">-</td> </tr> </table> <div class="card_data_title "> <div class="card_data_icon"><img loading="lazy" src="/assets/img/card_data_icon_02.png" alt="icon"></div> <p>付与保険・その他</p> </div> <table class="card_data_hoken "> <tr> <th colspan="2">海外旅行傷害保険（利用付帯）</th> </tr> <tr> <td>死亡後遺障害</td> <td class="card_data_text">最高1億円 </td> </tr> <tr> <td>障害治療</td> <td class="card_data_text">最高300万円 </td> </tr> <tr> <td>疾病治療</td> <td class="card_data_text">最高300万円 </td> </tr> <tr> <td>携行品障害</td> <td class="card_data_text">最高100万円 </td> </tr> <tr> <td>賠償責任</td> <td class="card_data_text">最高1億円 </td> </tr> <tr> <td>救援者支援</td> <td class="card_data_text">最高400万円 </td> </tr> <tr> <td>航空機遅延保険</td> <td class="card_data_text">最高10万円（乗継遅延費用2万円、出航遅延費用等2万円、寄託手荷物遅延費用2万円、寄託手荷物紛失費用4万円）</td> </tr> <tr> <th colspan="2">国内旅行傷害保険（利用付帯）</th> </tr> <tr> <td>死亡後遺障害</td> <td class="card_data_text">最高5,000万円 </td> </tr> <tr> <td>入院保険金日額</td> <td class="card_data_text">最高5,000円 </td> </tr> <tr> <td>通院保険金日額</td> <td class="card_data_text">最高2,000円 </td> </tr> <tr> <td>手術保険金</td> <td class="card_data_text">入院日額×倍率（10倍、20倍または40倍） </td> </tr> <tr> <td>航空機遅延保険</td> <td class="card_data_text">最高10万円（乗継遅延費用2万円、出航遅延費用等2万円、寄託手荷物遅延費用2万円、寄託手荷物紛失費用4万円）</td> </tr> <tr> <tr> <th colspan="2">ショッピング保険</th> </tr> </tr> <tr> <td>海外</td> <td class="card_data_text">最高500万円 </td> </tr> <tr> <td>国内</td> <td class="card_data_text">最高500万円 </td> </tr> <tr> <th colspan="2">紛失盗難保険</th> </tr> <tr> <td colspan="2" class="card_data_text">-</td> </tr> <tr> <th colspan="2">備考</th> </tr> <tr> <td colspan="2" class="card_data_text">-</td> </tr> </table> </div> </section> </div> </div><!-- container --> </main> <section class="banner_fixed"> <div class="banner_page_top"> <div class="banner_page_text">ページ<br>上部へ</div> </div> </section> <div class="footer_texts"> <div class="container"> <p class="footer_text">実施時期：2022年7月〜2023年3月</p> <p class="footer_text">調査の概要：クレジットカードの「還元率」「発行スピード」「デザインの良さ」に関する口コミ収集</p> <p class="footer_text">調査の方法：インターネット及び対面によるリサーチ</p> <p class="footer_text">調査の対象：クレジットカードを利用したことがある人</p> <p class="footer_text">調査人数：143人</p> <p class="footer_text">調査主体者：エレビスタ株式会社</p> <p class="footer_text">このサイトでは、アフィリエイトプログラムを利用し各カード会社から委託を受け広告収益を得て運営しております</p> </div> </div> <footer class="footer"> <p class="company"><a href="../column">コラム一覧</a></p> <p class="company"><a href="../about">運用会社</a></p> <p class="company"><a href="../policy">プライバシーポリシー</a></p> <p class="copyright"><small>© 2022 最強クレジットカード.com All rights reserved.</small></p> </footer> <div id="popupOverlay"> <div id="popupContent"> <button id="closePopup">×</button> <a href="https://liff.line.me/2008745030-17otFCpF/landing?follow=%40911zxnzo&lp=vS3b7i&liff_id=2008745030-17otFCpF" target="_blank"> <img src="https://credit-cards-dev.erevista.co.jp/uploads/2026/1/14/614b6094-07f3-43cb-9ca9-cc0a90f8d399.png" alt="バナー"> </a> </div> </div> <style> #popupOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; justify-content: center; align-items: center; } #popupContent { position: relative; background: white; padding: 10px; border-radius: 10px; max-width: 350px; max-height: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; } /* 画像のスタイル修正 */ #popupContent a { display: block; /* 画像全体をクリックできるようにする */ } #popupContent img { width: 100%; max-width: 350px; height: auto; object-fit: contain; display: block; border-radius: 10px; } /* 閉じるボタン */ #closePopup { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: black; color: white; border: none; border-radius: 50%; font-size: 16px; cursor: pointer; display: flex; justify-content: center; align-items: center; } @media (max-width: 600px) { #popupContent { max-width: 90%; } #closePopup { width: 25px; height: 25px; font-size: 14px; } } </style> <script> (() => { let hasShown = false; // 1回だけ表示 let handledPopstate = false; // スマホ戻るの初回だけ const overlay = document.getElementById('popupOverlay'); const closeBtn = document.getElementById('closePopup'); function openPopup() { if (hasShown || !overlay) return; overlay.style.display = 'flex'; hasShown = true; if (closeBtn) closeBtn.focus(); } function closePopup() { if (!overlay) return; overlay.style.display = 'none'; } // 閉じる操作 closeBtn?.addEventListener('click', closePopup); overlay?.addEventListener('click', (e) => { if (e.target === overlay) closePopup(); // 背景クリックでも閉じる }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closePopup(); }); // PC: 上端からの離脱で表示 document.addEventListener('mouseout', (e) => { if (e.clientY <= 0) openPopup(); }); // スマホ: 戻る（popstate）を初回だけフック if (history && history.pushState) { history.pushState({ page: 1 }, '', location.href); window.addEventListener('popstate', () => { if (!handledPopstate) { handledPopstate = true; openPopup(); } }); } // iOS Safari: BFCache 復帰で表示 window.addEventListener('pageshow', (e) => { if (e.persisted && !hasShown) openPopup(); }); })(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script> <script src="/assets/lib/slick/slick.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.min.js"></script> <script src="/assets/js/index.js"></script> <script> $(function() { $(".slide_card").slick({ autoplay: true, // 自動再生 autoplaySpeed: 4000, // 再生速度（ミリ秒設定） 1000ミリ秒=1秒 infinite: true, // 無限スライド arrows: true, // 矢印 }); }) $("img.lazyload").lazyload(); // $(function() { // $('a').each(function() { // var link_url = $(this).attr("href"); // if (link_url.indexOf("?") >= 0) { // if (link_url.indexOf("abtest") <= 0) { // $(this).attr("href", link_url + "&abtest=" + $.cookie('ab')); // } // } else { // $(this).attr("href", link_url + "?abtest=" + $.cookie('ab')); // } // }); // }); </script> <script> </script> </body> </html>