共通装飾タグ

  • GB001《目次》 Update: 2022.03.18
    目次
    逆指値注文とは?









     

    <div style="background: #508078; border: 1px solid #508078; padding-left: 20px; font-size: 18px;"><span style="color: white;">目次</span></div>
    <div style="border: 1px solid #508078; font-size: 16px; padding: 20px; background: #f3f6fc;">
    ・<a href="#逆指値注文とは?"><span style="color:#1558d6;">逆指値注文とは?</span></a><br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br /></div>
    <p>&nbsp;</p>

    目次
    逆指値注文とは?









     

    <details style="margin: 0 0 1px 0;">
    <summary style="display: list-item;cursor: pointer;background: #508078; border: 1px solid #508078; padding-left: 20px; font-size: 18px;color: #fff;">目次</summary>
    <div style="border: 1px solid #508078; font-size: 16px; padding: 20px; background: #f3f6fc;">
    ・<a href="#逆指値注文とは?"><span style="color:#1558d6;">逆指値注文とは?</span></a><br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br />
    ・<br /></div>
    </details>
    


     
    【開閉式目次コードの使い方】

    デフォルト目次の最上部コード
     

    <div style="background: #508078; border: 1px solid #508078; padding-left: 20px; font-size: 18px;"><span style="color: white;">目次</span></div>

     
    を下記のものに差し替えて
     

    <details style="margin: 0 0 1px 0;">
    <summary style="display: list-item;cursor: pointer;background: #508078; border: 1px solid #508078; padding-left: 20px; font-size: 18px;color: #fff;">目次</summary>

     
    そして一番下に下記のコードを追加
     

    </details>
  • GB002《シンプル枠》 Update: 2022.01.16

    ・ポイント
    ・ポイント
    ・ポイント

     

    <p style="border-radius: 10px; border: 3px solid rgb(70, 130, 180); font-size: 18px; padding: 20px;">
    ・ポイント<br />
    ・ポイント<br />
    ・ポイント<br />
    </p>
    <p>&nbsp;</p>
    
  • GB003《赤枠》 Update: 2022.01.16

    ここに本文を入れます

     

    <p style="border-radius: 10px; border: 3px solid rgb(226, 60, 45); font-size: 18px; padding: 20px;">
    ここに本文を入れます</p>
    <p>&nbsp;</p>
  • GB004《この記事でわかること枠》 Update: 2022.01.16
    この記事でわかること
    ここに本文を入れます

     

    <div style="background: #508078; border: 1px solid #508078; padding-left: 20px; font-size: 18px;"><span style="color: white;">この記事でわかること</span></div>
    <div style="border: 1px solid #508078; font-size: 16px; padding: 20px;">ここに本文を入れます</div>
    <p>&nbsp;</p>
  • GB005《参考元枠》 Update: 2022.01.20
    参考元
    ここに本文を入れます

     

    <div style="background: #6c6c6c; border: 1px solid #6c6c6c; padding-left: 20px; font-size: 18px;"><span style="color: white;">参考元</span></div>
    <div style="border: 1px solid #6c6c6c; font-size: 16px; padding: 20px;">ここに本文を入れます</div>
    <p>&nbsp;</p>
  • GB006《記事内遷移ボタン》 Update: 2022.01.16

     

    <div style="display: block; width: 100%; text-align: center; padding: 0px; margin: 20px 0;"><a href="ここにリンクURL" style="display: inline-block; width:auto; background: #0073a8; background: linear-gradient(to bottom, #26a6e1 0%, #0073a8 100%); color: #ffffff; margin: 0; padding: 10px 20px 10px 20px; font-weight: bold; border-radius: 5px; text-decoration: none; font-size: 18px;" onMouseOut="this.style.background='linear-gradient(to bottom, #26a6e1 0%, #0073a8 100%)';" onMouseOver="this.style.background='linear-gradient(to bottom, #6ccbf7 0%, #26a6e1 100%)';">ここにリンクテキスト <span style="margin: 0 0 0 20px"> &gt;</span> </a></div>
    <p>&nbsp;</p>
  • GB007《外部リンクボタン》 Update: 2022.01.16

     

    <div style="display: block; width: 100%; text-align: center; padding: 0px; margin: 20px 0;"><a href="ここにリンクURL" onmouseout="this.style.background='linear-gradient(to bottom, #ffb45f 0%, #f7931e 100%)';" onmouseover="this.style.background='linear-gradient(to bottom, #ffc88a 0%, #ffb45f 100%)';" rel="”sponsored" style="display: inline-block; width:auto; background: #f7931e; background: linear-gradient(to bottom, #ffb45f 0%, #f7931e 100%); color: #ffffff; margin: 0; padding: 10px 20px 10px 20px; font-weight: bold; border-radius: 5px; text-decoration: none; font-size: 18px;" target="_blank">ここにリンクテキスト <span style="margin: 0 0 0 20px"> &gt;</span> </a></div>
    <p>&nbsp;</p>
  • GB008《アコーディオン》 Update: 2022.01.16

    <details> タグのなかに「open」と記載すると、最初からアコーディオンが開いた状態になります。
    閉じた状態:<details style="border: 1px solid #0073a8;margin: 0 0 1px 0;">
    開いた状態:<details open style="border: 1px solid #0073a8;margin: 0 0 1px 0;">
    用途に合わせてご利用ください。

    タイトル

    文章

     

    <div style="margin: 40px 0;">
    <details style="border: 1px solid #0073a8;margin: 0 0 1px 0;">
    <summary style="display: list-item;cursor: pointer;background: #0073a8; background: linear-gradient(to bottom, #26a6e1 0%, #0073a8 100%);padding: 10px 20px;color: #fff;font-weight: bold;font-size: 17px;">タイトル</summary>
    <p style="margin: 0;padding: 20px; font-size:16px;">文章</p>
    </details>
    </div>
    <p>&nbsp;</p>
  • GB009《〇×△》 Update: 2022.01.28

    【花丸】

    <img src="https://gentosha-go.com/mwimgs/b/7/60/img_b79eb2e441e3b1855ed3ca060f6a3004991.png" />

    【◎】

    <img src="https://gentosha-go.com/mwimgs/7/1/60/img_71bf96c3b5e0b887e19f0fc07077ffff636.png" />

    【〇】

    <img src="https://gentosha-go.com/mwimgs/d/7/60/img_d776f0886e346b4c38554dbdb85d9397512.png" />

    【△】

    <img src="https://gentosha-go.com/mwimgs/2/2/60/img_220112566a84c5dbe3fafd15a76f814b422.png" />

    【×】

    <img src="https://gentosha-go.com/mwimgs/7/c/60/img_7c0a2a0327db8e927896aeb275d92e46316.png" />
  • GB010《表》 Update: 2024.06.09

    ①文字の位置変更
    左:style=”text-align: left;
    中:style=”text-align: center;
    右:style=”text-align: left;

    ②セル(表のブロック)の横幅が文字量によって変わるので
    見栄えをよくしたい場合は「style=” ”」に「width: px;”」を追加し調整する
    例:style=”width:200px;”

    ③表全体の横幅も文字の横幅に依存するので
    表が小さい場合(スマホで見ても問題ない場合は)下記のhtmlを使わずに
    通常のテーブルを使って表を作る(その時にテーブルの横幅はstyle=”width:100%;”にする)

    例:<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">

    ④表ですが、スマホで見るとFX会社のロゴ(120×30)が
    文字数の影響を受けて小さく表示される問題がありました。
    *文字数が少ないとセル(1つのブロック)の幅が狭くなり、それに画像が影響を受ける
    を設定すると最小幅

    テスト テスト テスト テスト テスト
    テスト テスト テスト テスト テスト
    テスト テスト テスト テスト テスト
    テスト テスト テスト テスト テスト

     

    <div align="center">
    <div class="l-scroll-x js-scroll">
    <table class="article-table">
    <tbody>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="text-align: left; white-space: nowrap;"><strong>テスト</strong></td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;"><strong>テスト</strong></td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;"><strong>テスト</strong></td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;"><strong>テスト</strong></td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;"><strong>テスト</strong></td>
    </tr>
    <tr>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    </tr>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    </tr>
    <tr>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    <td class="article-table-content" style="text-align: left; white-space: nowrap;">テスト</td>
    </tr>
    </tbody>
    </table>
    </div>
    </div>
    <p>&nbsp;</p>
  • GB010a《表(クレカ参考用)》 Update: 2024.06.14

    <div class="l-scroll-x js-scroll">
    <table class="article-table">
    <tbody>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 150px;">&nbsp;</td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.rakuten-card.co.jp/card/rakuten-premium-card/" target="_blank"><img alt="楽天プレミアムカード" src="/mwimgs/c/7/150/img_c752ff68860c3be7fc5e03a40fa1c3434127.jpg" style="height: 93px; width: 150px;" /></a><br />
    <a href="https://www.rakuten-card.co.jp/card/rakuten-premium-card/" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">楽天プレミアムカード</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.smbc-card.com/nyukai/card/gold-numberless.jsp" target="_blank"><img alt="三井住友カード ゴールド(NL)" src="/mwimgs/7/a/150/img_7a10ac8652cdceb3b0c464825621e7375084.jpg" style="height: 94px; width: 150px;" /></a><br />
    <a href="https://www.smbc-card.com/nyukai/card/gold-numberless.jsp" rel="noreferrer noopener nofollow" style="background-color: rgb(243, 246, 252); font-size: 1.6rem;" target="_blank"><span style="color:#1558d6;">三井住友カード<br />
     ゴールド(NL)</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.rentracks.jp/adx/r.html?idx=0.48860.314663.5669.8217&amp;dna=117166&amp;uix=gentosha-card" target="_blank"><img src="/mwimgs/8/c/150/img_8cd76ba660a2d2d248838016ee6af00c13802.png" style="height: 95px; width: 150px;" /></a><br />
    <a href="https://www.rentracks.jp/adx/r.html?idx=0.48860.314663.5669.8217&amp;dna=117166&amp;uix=gentosha-card" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">JALカード CLUB-A<br />
    ゴールドカード</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.diners.co.jp/ja/cardlineup/dinersclubcard.html" target="_blank"><img alt="ダイナースクラブカード" src="/mwimgs/f/b/150/img_fb519be0ac212d1b958ffb75066aef67115778.png" style="height: 95px; width: 150px;" /></a><br />
    <a href="https://www.diners.co.jp/ja/cardlineup/dinersclubcard.html" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">ダイナースクラブカード</span></a><br />
    &nbsp;</td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.jcb.co.jp/ordercard/kojin_card/gold2.html" rel="noopener noreferrer" target="_blank"><img alt="JCBゴールド" src="/mwimgs/c/f/150/img_cfb36ff7f1b3afbdac94486665f6fba83542.jpg" style="height: 95px; width: 150px;" /></a><br />
    <a href="https://www.jcb.co.jp/ordercard/kojin_card/gold2.html" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">JCBゴールド</span></a><br />
    &nbsp;</td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.jcb.co.jp/promotion/ordercard/extagegold/" target="_blank"><img alt="JCBgoldextage" src="/mwimgs/2/3/150/img_23c266c1f2a88fa542d5a5f7e708a98631663.png" style="height: 94px; width: 150px;" /></a><br />
    <a href="https://www.jcb.co.jp/promotion/ordercard/extagegold/" rel="noreferrer noopener nofollow" style="background-color: rgb(243, 246, 252); font-size: 1.6rem;" target="_blank"><span style="color:#1558d6;">JCB GOLD EXTAGE</span></a><br />
    &nbsp;</td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.saisoncard.co.jp/creditcard/lineup/102/" target="_blank"><img alt="SAISON-GOLD-Premium" src="/mwimgs/d/0/150/img_d0e7f268d6c4bf96cca123591f7a7b0866771.png" style="height: 95px; width: 150px;" /></a><br />
    <a href="https://www.saisoncard.co.jp/creditcard/lineup/102/" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">SAISON GOLD<br />
    Premium</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.americanexpress.com/jp/credit-cards/gold-card/" rel="noopener noreferrer" target="_blank"><img alt="アメリカン・エキスプレス・ゴールド・カード" src="/mwimgs/1/0/150/img_10ced8e18938a5419ad1396e0a11f5b67546.jpg" style="height: 95px; width: 150px;" /></a><br />
    <a href="https://www.americanexpress.com/jp/credit-cards/gold-preferred-card/" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">アメリカン・エキスプレス<br />
    ・ゴールド・カード</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.lifecard.co.jp/card/credit/gold/" target="_blank"><img alt="lifecardgold" src="/mwimgs/4/0/150/img_40e18e96307ea0e3ff247d50e614988885280.png" style="height: 96px; width: 150px;" /></a><br />
    <a href="https://www.lifecard.co.jp/card/credit/gold/" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">ライフカードゴールド</span></a><br />
    &nbsp;</td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.jreast.co.jp/card/first/viewgoldplus/index.html" target="_blank"><img alt="viewgoldcard" src="/mwimgs/a/f/150/img_afa91fddfe0be600f549a4ca18c8de7f28171.png" style="height: 95px; width: 150px;" /></a><br />
    <a href="https://www.jreast.co.jp/card/first/viewgoldplus/index.html" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">ビューゴールドプラスカード</span></a><br />
    &nbsp;</td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.ana.co.jp/ja/jp/mycampaign/anacard23-07/" target="_blank"><img alt="ANA-JCB-Wide-Gold-Card" src="/mwimgs/2/2/150/img_22fe7c6ba1b3629f5d2532571fad21e47170.jpg" style="height: 95px; width: 150px;" /></a><br />
    <a data-id="https://www.ana.co.jp/ja/jp/mycampaign/anacard23-07/" data-type="link" href="https://www.ana.co.jp/ja/jp/mycampaign/anacard23-07/" rel="noreferrer noopener nofollow" style="background-color: rgb(243, 246, 252); font-size: 1.6rem;" target="_blank"><span style="color:#1558d6;">ANA ワイド<br />
    ゴールドカード</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.americanexpress.com/jp/credit-cards/ana-classic-card/" target="_blank"><img alt="ana-amex-sfc-gold" src="/mwimgs/f/b/150/img_fb7c9a1fc7c40b05332154294b418b4391891.png" style="height: 94px; width: 150px;" /></a><br />
    <a href="https://www.americanexpress.com/jp/credit-cards/ana-classic-card/" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">ANAアメリカン・<br />
    エキスプレス&reg;・<br />
    ゴールド・カード</span></a></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://myluxurycard.co.jp/apply/gd_2206/" target="_blank"><img alt="ラグジュアリーカードゴールド" src="/mwimgs/f/d/94/img_fd6f8ed5ec6965087cd48814474101c83619.jpg" style="width: 94px; height: 150px;" /></a><br />
    <a href="https://myluxurycard.co.jp/apply/gd_2206/" rel="noreferrer noopener nofollow" target="_blank"><span style="color:#1558d6;">ラグジュアリーカード<br />
    ゴールド</span></a><br />
    &nbsp;</td>
    </tr>
     <tr>
    <td class="article-table-content" style="width: 120px;"><strong>年会費(税込)</strong></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;">11,000円</td>
    <td class="article-table-content" style="text-align: center;">5,500円<br />
    <span class="swl-fz u-fz-xs">(年100万円利用で翌年以降の年会費無料)</span><span class="swl-fz u-fz-s"><strong><a href="#card-gold-hikaku-jump"><span style="color:#1558d6;">※</span></a></strong></span></td>
    <td class="article-table-content" style="text-align: center;">17,600円</td>
    <td class="article-table-content" style="text-align: center;">24,200円<br />
    <span class="swl-fz u-fz-s">(初年度年会費無料)</span></td>
    <td class="article-table-content" style="text-align: center;">11,000円<br />
    <span class="swl-fz u-fz-s">(WEB入会初年度無料)</span></td>
    <td class="article-table-content" style="text-align: center;">3.300円<br />
    <span class="swl-fz u-fz-s">(初年度年会費無料)</span></td>
    <td class="article-table-content" style="text-align: center;">11,000円</td>
    <td class="article-table-content" style="text-align: center;">31,900円</td>
    <td class="article-table-content" style="text-align: center;">11,000 円</td>
    <td class="article-table-content" style="text-align: center;">11.000円</td>
    <td class="article-table-content" style="text-align: center;">15,400円</td>
    <td class="article-table-content" style="text-align: center;">34,100円</td>
    <td class="article-table-content" style="text-align: center;">220,000円</td>
    </tr>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="width: 120px;"><strong>基本還元率</strong></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;">1%</td>
    <td class="article-table-content" style="text-align: center;">0.5~0.7%<span class="swl-fz u-fz-s"><strong><a href="#card-gold-hikaku-jump"><span style="color:#1558d6;">※</span></a></strong></span></td>
    <td class="article-table-content" style="text-align: center;">1%</td>
    <td class="article-table-content" style="text-align: center;">1%</td>
    <td class="article-table-content" style="text-align: center;">0.5%</td>
    <td class="article-table-content" style="text-align: center;">0.5%</td>
    <td class="article-table-content" style="text-align: center;">0.5%</td>
    <td class="article-table-content" style="text-align: center;">0.5%</td>
    <td class="article-table-content" style="text-align: center;">1.0~2.0%</td>
    <td class="article-table-content" style="text-align: center;">0.5%</td>
    <td class="article-table-content" style="text-align: center;">1.00%</td>
    <td class="article-table-content" style="text-align: center;">1.00%</td>
    <td class="article-table-content" style="text-align: center;">1.50%</td>
    </tr>
    <tr>
    <td class="article-table-content" style="width: 120px;"><b>申し込み条件</b></td>
    <td class="article-table-content" style="text-align: center;">20歳以上<br />
    学生不可</td>
    <td class="article-table-content" style="text-align: center;"><span class="swl-fz u-fz-s">満18歳以上で、ご本人に安定継続収入のある方(高校生は除く)</span></td>
    <td class="article-table-content" style="text-align: center;"><span class="swl-fz u-fz-s">20歳以上<br />
    学生不可</span></td>
    <td class="article-table-content" style="text-align: center;"><span class="swl-fz u-fz-s">-</span></td>
    <td class="article-table-content" style="text-align: center;">20歳以上</td>
    <td class="article-table-content" style="text-align: center;"><span class="swl-fz u-fz-s">20歳以上29歳以下<br />
    学生不可</span></td>
    <td class="article-table-content" style="text-align: center;"><span class="swl-fz u-fz-s">18歳以上</span></td>
    <td class="article-table-content" style="text-align: center;">20歳以上</td>
    <td class="article-table-content" style="text-align: center;">18歳以上</td>
    <td class="article-table-content" style="text-align: center;">20歳以上</td>
    <td class="article-table-content" style="text-align: center;">18歳以上<br />
    (高校生除く)</td>
    <td class="article-table-content">20歳以上</td>
    <td class="article-table-content">20歳以上<br />
    学生不可</td>
    </tr>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="width: 120px;"><b>発行時間</b></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">最短10秒<span class="swl-fz u-fz-s"><strong><a href="#card-gold-hikaku-jump"><span style="color:#1558d6;">※</span></a></strong></span></td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">最短5分</td>
    <td class="article-table-content" style="text-align: center;">最短3営業日</td>
    <td class="article-table-content" style="text-align: center;">最短3営業日</td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">約1週間</td>
    <td class="article-table-content" style="text-align: center;">5営業日程度</td>
    </tr>
     <tr>
    <td class="article-table-content" style="width: 120px;"><b>国際ブランド</b></td>
    <td><img src="/mwimgs/2/c/40/img_2c3b245b0edbb214f35919331c15fcaa1216.png" style="height: 30px; width: 40px;" /><img src="/mwimgs/7/c/40/img_7c450443bf36bdf9530f2d73eee61d2e1233.png" style="height: 31px; width: 40px;" /><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" style="height: 30px; width: 40px;" /><img src="/mwimgs/c/2/40/img_c284ceb922203732e1797061995cd3181264.png" style="height: 35px; width: 40px;" /></td>
    <td><img src="/mwimgs/2/c/40/img_2c3b245b0edbb214f35919331c15fcaa1216.png" /><img src="/mwimgs/7/c/40/img_7c450443bf36bdf9530f2d73eee61d2e1233.png" /></td>
    <td><img src="/mwimgs/2/c/40/img_2c3b245b0edbb214f35919331c15fcaa1216.png" /><img src="/mwimgs/7/c/40/img_7c450443bf36bdf9530f2d73eee61d2e1233.png" /><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" /><br />
    <img src="/mwimgs/c/2/40/img_c284ceb922203732e1797061995cd3181264.png" /><img src="/mwimgs/e/8/40/img_e8c4ac367e0370dba3816619f9ae31152408.png" style="font-size: 1.6rem;" /></td>
    <td><img src="/mwimgs/e/8/40/img_e8c4ac367e0370dba3816619f9ae31152408.png" style="font-size: 1.6rem;" /></td>
    <td><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" /></td>
    <td><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" /></td>
    <td><img src="/mwimgs/2/c/40/img_2c3b245b0edbb214f35919331c15fcaa1216.png" /><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" /><img src="/mwimgs/c/2/40/img_c284ceb922203732e1797061995cd3181264.png" /></td>
    <td><img src="/mwimgs/c/2/40/img_c284ceb922203732e1797061995cd3181264.png" /></td>
    <td><img src="/mwimgs/2/c/40/img_2c3b245b0edbb214f35919331c15fcaa1216.png" /><img src="/mwimgs/7/c/40/img_7c450443bf36bdf9530f2d73eee61d2e1233.png" /></td>
    <td><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" /></td>
    <td><img src="/mwimgs/2/c/40/img_2c3b245b0edbb214f35919331c15fcaa1216.png" /><img src="/mwimgs/7/c/40/img_7c450443bf36bdf9530f2d73eee61d2e1233.png" /><img src="/mwimgs/0/e/40/img_0e4280d8c141c8b7be840518b8cab2ff1553.png" /></td>
    <td><img src="/mwimgs/c/2/40/img_c284ceb922203732e1797061995cd3181264.png" /></td>
    <td><img src="/mwimgs/7/c/40/img_7c450443bf36bdf9530f2d73eee61d2e1233.png" /></td>
    </tr>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="width: 120px;"><strong>国内空港ラウンジ</strong></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;">34空港48か所</td>
    <td class="article-table-content" style="text-align: center;">34空港45か所</td>
    <td class="article-table-content" style="text-align: center;">34空港48か所</td>
    <td class="article-table-content" style="text-align: center;">34空港48か所</td>
    <td class="article-table-content" style="text-align: center;">34空港48か所</td>
    <td class="article-table-content" style="text-align: center;">34空港48か所</td>
    <td class="article-table-content" style="text-align: center;">34空港48か所</td>
    <td class="article-table-content" style="text-align: center;">28空港43か所</td>
    <td class="article-table-content" style="text-align: center;">27空港38か所</td>
    <td class="article-table-content" style="text-align: center;">28空港47か所</td>
    <td class="article-table-content" style="text-align: center;">28空港39か所</td>
    <td class="article-table-content" style="text-align: center;">8空港43か所</td>
    <td class="article-table-content" style="text-align: center;">24空港35か所</td>
    </tr>
    <tr>
    <td class="article-table-content" style="width: 120px;"><strong>海外旅行傷害保険</strong></td>
    <td class="article-table-content">
    <p><span class="swl-fz u-fz-s">最高5,000万円<br />
    (自動付帯:4,000万円<br />
    利用付帯:1,000万円 合算)</span></p>
    </td>
    <td class="article-table-content">最高2,000万円<br />
    利用付帯</td>
    <td class="article-table-content">最高1億円<br />
    (自動付帯:5,000万円<br />
    利用付帯:5,000万円合算)</td>
    <td class="article-table-content">最高1億円<br />
    (自動付帯:5,000万円<br />
    利用付帯:5,000万円合算)</td>
    <td class="article-table-content">最高1億円<br />
    利用付帯</td>
    <td class="article-table-content">
    <p>最高5,000万円<br />
    利用付帯</p>
    </td>
    <td class="article-table-content">最高1,000万円<br />
    利用付帯</td>
    <td class="article-table-content">最高5,000万円<br />
    利用付帯</td>
    <td class="article-table-content">最高2,000万円<br />
    自動付帯</td>
    <td class="article-table-content">最高5,000万円<br />
    自動付帯</td>
    <td class="article-table-content">最高5,000万円<br />
    利用付帯</td>
    <td class="article-table-content">最高1億円<br />
    (自動付帯:5,000万円<br />
    利用付帯:5,000万円合算)</td>
    <td class="article-table-content">最高1億2,000万円<br />
    自動付帯</td>
    </tr>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="width: 120px;"><strong>ショッピング保険</strong></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;">90日<br />
    自己負担3,000円<br />
    年間上限300万円</td>
    <td class="article-table-content" style="text-align: center;">200日<br />
    自己負担3,000円<br />
    年間上限300万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担3,000円<br />
    年間上限500万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担3,000円<br />
    年間上限500万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担3,000円<br />
    年間上限300万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担3,000円<br />
    年間上限200万円</td>
    <td class="article-table-content" style="text-align: center;">-</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担10,000円<br />
    年間上限500万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担3,000円<br />
    年間上限200万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担5,000円<br />
    年間上限300万円</td>
    <td class="article-table-content" style="text-align: center;">200日<br />
    自己負担3,000円<br />
    年間上限300万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担10,000円<br />
    年間上限500万円</td>
    <td class="article-table-content" style="text-align: center;">90日<br />
    自己負担10,000円<br />
    年間上限500万円</td>
    </tr>
     <tr>
    <td class="article-table-content" style="width: 120px;"><strong>ゴールドデスク</strong></td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">なし</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    <td class="article-table-content" style="text-align: center;">なし</td>
    <td class="article-table-content" style="text-align: center;">なし</td>
    <td class="article-table-content" style="text-align: center;">あり</td>
    </tr>
    <tr style="background-color: #f3f6fc;">
    <td class="article-table-content" style="width: 120px;"><b>特徴</b></td>
    <td class="article-table-content"><strong><span class="swl-marker mark_orange"><strong>プライオリティ・パス付帯</strong></span></strong></td>
    <td class="article-table-content"><span class="swl-fz u-fz-s">対象のコンビニ・飲食店でのスマホのタッチ決済でポイント<strong>最大7%還元<a href="#card-gold-hikaku-jump"><span style="color:#1558d6;">※</span></a></strong></span></td>
    <td class="article-table-content">フライトマイル<br />
    <span class="swl-inline-color has-swl-deep-01-color"><strong>25%プラス</strong></span></td>
    <td class="article-table-content">国内外<br />
    <span class="swl-inline-color has-swl-deep-01-color"><strong>1,500ヵ所以上</strong></span>利用OK</td>
    <td class="article-table-content"><span class="swl-marker mark_orange"><strong>ラウンジ・キー付帯</strong></span></td>
    <td class="article-table-content"><span class="swl-marker mark_orange"><strong>ラウンジ・キー付帯</strong></span><br />
    <span class="swl-inline-color has-swl-deep-01-color"><strong><span class="swl-fz u-fz-s">申込資格:20代限定</span></strong></span></td>
    <td class="article-table-content">ポイント<strong>永久不滅</strong></td>
    <td class="article-table-content"><span class="swl-marker mark_orange"><strong>同伴者1名まで無料で<br />
    ラウンジを利用可能</strong></span></td>
    <td class="article-table-content">海外・国内旅行共に<span class="swl-inline-color has-swl-deep-01-color"><strong>最高1億円</strong></span>の傷害保険</td>
    <td class="article-table-content"><span class="swl-marker mark_orange"><strong>ラウンジ・キー付帯</strong></span></td>
    <td class="article-table-content"><span class="swl-marker mark_orange"><strong>ラウンジ・キー付帯</strong></span></td>
    <td class="article-table-content"><strong>ポイント・マイルの有効期限がない</strong>   </td>
    <td class="article-table-content">ハワイアン航空の<strong>上級会員資格</strong>を得られる</td>
    </tr>
    <tr>
    <td class="article-table-content" style="width: 120px;"><strong>公式サイト</strong></td>
    <td class="article-table-content" style="text-align: center; white-space: nowrap; min-width: 170px;"><a href="https://www.rakuten-card.co.jp/card/rakuten-premium-card/" rel="sponsored" target="_blank"><img alt="楽天プレミアムカード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.smbc-card.com/nyukai/card/gold-numberless.jsp" rel="sponsored" target="_blank"><img alt="三井住友カード ゴールド(NL)" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.rentracks.jp/adx/r.html?idx=0.48860.314663.5669.8217&amp;dna=117166&amp;uix=gentosha-card" rel="sponsored" target="_blank"><img alt="JALカード CLUB-A ゴールドカード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.diners.co.jp/ja/cardlineup/dinersclubcard.html" rel="sponsored" target="_blank"><img alt="ダイナースクラブカード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.jcb.co.jp/ordercard/kojin_card/gold2.html" rel="sponsored" target="_blank"><img alt="JCBゴールド" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.jcb.co.jp/promotion/ordercard/extagegold/" rel="sponsored" target="_blank"><img alt="JCB GOLD EXTAGE" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.saisoncard.co.jp/creditcard/lineup/102/" rel="sponsored" target="_blank"><img alt="SAISON GOLD Premium" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.americanexpress.com/jp/credit-cards/gold-card/" rel="sponsored" target="_blank"><img alt="アメリカン・エキスプレス ・ゴールド・カード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.lifecard.co.jp/card/credit/gold/" rel="sponsored" target="_blank"><img alt="ライフカードゴールド" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.jreast.co.jp/card/first/viewgoldplus/index.html" rel="sponsored" target="_blank"><img alt="ビューゴールドプラスカード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.ana.co.jp/ja/jp/mycampaign/anacard23-07/" rel="sponsored" target="_blank"><img alt="ANA ワイド ゴールドカード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://www.americanexpress.com/jp/credit-cards/ana-classic-card/" rel="sponsored" target="_blank"><img alt="ANAアメリカン・ エキスプレス®・ ゴールド・カード" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    <td class="article-table-content"><a href="https://myluxurycard.co.jp/apply/gd_2206/" rel="sponsored" target="_blank"><img alt="ラグジュアリーカード ゴールド" src="/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" style="height: 30px; width: 150px;" /></a></td>
    </tr>
    </tbody>
    </table>
    </div>
    
    
    <div style="margin: 40px 0;">
    <details style="border: 1px solid #0073a8;margin: 0 0 1px 0;"><summary style="display: list-item;cursor: pointer;background: #0073a8; background: linear-gradient(to bottom, #26a6e1 0%, #0073a8 100%);padding: 10px 20px;color: #fff;font-weight: bold;font-size: 17px;">※注釈<a id="card-gold-hikaku-jump" name="card-gold-hikaku-jump"></a></summary>
    <p><strong><span style="font-size:14px;">【三井住友カード(NL)】</span></strong></p>
    <p><span style="font-size:14px;">ポイント還元率について</span></p>
    <p><span style="font-size:14px;">※ スマホのVisaのタッチ決済・Mastercard&reg;タッチ決済で支払うことが条件です。</span></p>
    <p><span style="font-size:14px;">※ iD、カードの差し込み、磁気取引は対象外です。</span></p>
    <p><span style="font-size:14px;">※ 商業施設内にある店舗などでは、一部ポイント付与の対象となりません。</span></p>
    <p><span style="font-size:14px;">※ 一定金額(原則1万円)を超えると、タッチ決済でなく、決済端末にカードを挿しお支払いただく場合がございます。その場合のお支払い分は、タッチ決済分のポイント還元の対象となりませんので、ご了承ください。上記、タッチ決済とならない金額の上限は、ご利用される店舗によって異なる場合がございます。</span></p>
    <p><span style="font-size:14px;">※ 通常のポイントを含みます。</span></p>
    <p><span style="font-size:14px;">※ ポイント還元率は利用金額に対する獲得ポイントを示したもので、ポイントの交換方法によっては、1ポイント1円相当にならない場合があります</span><br />
    &nbsp;</p>
    <p><span style="font-size:14px;">クレカ積立の付与率に関して</span><br />
    <span style="font-size:14px;">※ 2024年9月10日(火)積立設定締切分(2024年10月1日(火)買付分)までのポイント付与。以降は対象カードごとのカードご利用金額などに応じたポイント付与率になります。</span></p>
    <p><br />
    <span style="font-size:14px;">発行スピードについて</span><br />
    <span style="font-size:14px;">※&nbsp;即時発行ができない場合があります。</span><br />
    &nbsp;</p>
    
    <p><span style="font-size:14px;">特典について</span><br />
    ※ <span style="font-size:14px;">特典付与には条件・上限があります。詳細は三井住友カードのホームページをご確認ください。</span><br />
    <br />
    &nbsp;</p>
    <p><strong><span style="font-size:14px;">【三井住友カード ゴールド(NL)】</span></strong></p>
    <p><span style="font-size:14px;">年会費について</span></p>
    <p><span style="font-size:14px;">※&nbsp;年間100万円のご利用で翌年以降の年会費永年無料</span></p>
    <p><span style="font-size:14px;">※&nbsp;年間100万円利用の対象取引や算定期間等の実際の適用条件などの詳細は、三井住友カードのホームページを必ずご確認ください。</span><br />&nbsp;</p>
    <p><span style="font-size:14px;">クレカ積立の付与率に関して</span></p>
    <p><span style="font-size:14px;">※&nbsp;2024年9月10日(火)積立設定締切分(2024年10月1日(火)買付分)までのポイント付与。以降は対象カードごとのカードご利用金額などに応じたポイント付与率になります。</span></p>
    <p><br />
    <span style="font-size:14px;"><strong>【三井住友カード プラチナプリファード】</strong></span></p>
    <p>※ <span style="font-size:14px;">2024年9月10日(火)積立設定締切分(2024年10月1日(火)買付分)までのポイント付与。以降は対象カードごとのカードご利用金額などに応じたポイント付与率になります。</span></p>
    <p><span style="font-size:14px;">※&nbsp;三井住友カードつみたて投資のご利用金額は、プラチナプリファードの新規入会&利用特典、継続特典の付与条件であるご利用金額の集計対象となりません。(2024年4月現在)</span><br />
    <br />
    &nbsp;</p>
    <p><strong>【セゾンカードインターナショナル】<br />
    【セゾンパール・アメリカン・エキスプレス&reg;・カード】</strong></p>
    <p><span style="font-size:14px;">還元率に関して</span></p>
    <p><span style="font-size:14px;">※ ご利用金額が年間合計30万円(税込)に達する引落月までが対象となります。</span></p>
    <p><span style="font-size:14px;">※ 永久不滅ポイントは通常1,000円(税込)のご利用毎に1ポイント貯まります。</span></p>
    <p><span style="font-size:14px;">※ 1ポイント5円相当のアイテムと交換の場合となります。</span></p>
    <p><span style="font-size:14px;">※ 交換商品によっては、1ポイントの価値は5円未満になります。</span><br />
    &nbsp;</p>
    <p><strong>【JCBカードW】</strong></p>
    <p><span style="font-size:14px;">発行スピードについて</span></p>
    <p><span style="font-size:14px;">カードのお申し込みから最短5分程度(※1)で審査が完了し、すぐにMyJCBアプリでカード番号等の確認ができます。カードを受け取る前に、ネットショッピングや店頭で利用できます。(※2)<br />
    (※1)モバ即の入会条件は以下2点になります。<br />
    【1】 9:00AM~8:00PMでお申し込み。<br />
    【2】 顔写真付き本人確認書類による本人確認。(運転免許証/マイナンバーカード/在留カード)<br />
    (※2 )モバ即での入会後、カード到着前の利用方法について、詳しくはHPをご確認ください。</span></p>
    <p><br /><span style="font-size:14px;">還元率について</span></p>
    <p><span style="font-size:14px;">※最大還元率はJCB PREMOに交換した場合</span></p>
    </details>
    </div> <p>&nbsp;</p>
    
    
     
  • GB011《表 横幅100% 真ん中寄せ》 Update: 2022.01.16
     

    テスト

    テスト

    テスト

    テスト

    テスト

    テスト

    テスト

    テスト

    <table border="1" cellpadding="1" cellspacing="1" style="width:100%">
    <tbody>
    <tr align="center" style="background-color: #f3f6fc;">
    <td>&nbsp;</td>
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    </tr>
    <tr align="center">
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    </tr>
    <tr align="center" style="background-color: #f3f6fc;">
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    <td>
    <p><span style="font-size:16px;">テスト</span></p>
    </td>
    </tr>
    </tbody>
    </table>
  • GB012《リンク文字色コード》 Update: 2022.02.07

    リンク文字色

    #1558d6
  • GB013《バナー》 Update: 2022.03.18

    【真ん中寄せ】

    <div align="center"></div>

    【表での真ん中寄せ】

    <td align="center"></td>

    【横幅指定 表使う場合は横幅指定をしてバナーが小さくなるのを防ぐ】

    <td style="min-width: 150px;"><td>

    【詳しくはこちら 53】

    <img src="https://gentosha-go.com/mwimgs/b/c/53/img_bcb4a8e4744e58ad65beade22ad3125e2240.png" />

    【GO 52】

    <img src="https://gentosha-go.com/mwimgs/b/3/52/img_b3fc4e36b910c4e6e21a019908084f931920.gif" />

    【詳しくはこちら 150】

    <img src="https://gentosha-go.com/mwimgs/b/6/150/img_b68f3f536be29c2d0c680b2fda1fd1703801.gif" />

    【詳しくはこちら 286】

    <img src="https://gentosha-go.com/mwimgs/b/7/286/img_b79ee96bb220cbee3b4bbcf6e73bb9d64791.gif" />

    【詳しくはこちら 286】

    <img src="https://gentosha-go.com/mwimgs/e/7/286/img_e7573e1fa1d9be143a824d3ca448f2d84806.gif" />

    【公式サイトへ 286】

    <img src="https://gentosha-go.com/mwimgs/d/5/286/img_d5696ad68e4e8f316efa41720e2e9ddb4446.gif" />

    【公式サイトへ 286】

    <img src="https://gentosha-go.com/mwimgs/6/7/286/img_67aa183e565e5ced1d0d236c29d529284418.gif" />

    【今申し込む 286】

    <img src="https://gentosha-go.com/mwimgs/7/9/286/img_79dbba6bdd046cb4a505450b5853b06d4786.gif" />

    【今申し込む 286】

    <img src="https://gentosha-go.com/mwimgs/b/5/286/img_b507ce2980f2033c0a23e7551e460fbb4782.gif" />
    <td style=”min-width: 150px;”><td>
  • GB014《引用枠》 Update: 2022.04.22
    引用文
    引用文
    【引用元:引用元名称
    <div class="bluebox"><b>引用文</b><br/>引用文<br />
    【引用元:<a href="引用元URL" target="_blank"><span style="color:#1558d6;">引用元名称</span></a>】</div>
  • GB015《あわせて読みたい》 Update: 2022.05.29
    <div style="background: #ecf3f1; max-width: 780px; margin: 0 auto; display: flex; border: 2px solid #a1c0bb; border-radius: 5px; ">
    <p style="flex-basis: 25%; max-width:150px; min-width: 90px; height: 100%; min-height:90px; margin: 0;background: url(ここに画像URLがが入ります) no-repeat center center; background-size: cover;font-size:0;"></p>
    <p style="font-size: 15px;font-weight: bold; margin: 10px;width:auto; ">あわせて読みたい:<a href="ここにリンクURLがが入ります" target="_blank"><span style="color:#1558d6;">ここにタイトルが入ります。</span></a></p>
    </div>
  • GB016 FX会社紹介の飾り枠 Update: 2022.06.30

    【ここに紹介会社をくくる文言を入れてください】

    • 【ここに紹介会社の文言とリンクを入れてください】
    • 【ここに紹介会社の文言とリンクを入れてください】
    • 【ここに紹介会社の文言とリンクを入れてください】
    <div style="padding:15px 20px; border:3px solid #f5a211; position:relative;border-radius:15px;margin:30px 0;">
    <p style="position:absolute;top:-15px; left:20px;padding:5px 10px 5px 40px;background:#fff url(https://ggo.ismcdn.jp/mwimgs/d/2/80/img_d229bd20f1deab175dc129ec90036de13942.png) no-repeat left 10px center;background-size: 18px auto;line-height:18px;max-width: calc(100% - 40px);font-size: 14px;"><span style="font-weight:bold; color:#f5a211;">【ここに紹介会社をくくる文言を入れてください】</span></p>
    <ul style="margin-top:15px;font-size:18px;font-weight:bold;line-height:22px;list-style-type:none;">
    <li style="border:none;margin:0;padding:15px 0 15px 30px;background:url(https://ggo.ismcdn.jp/mwimgs/1/2/80/img_128a5f90141f00f3f326cea8dc40aaab4726.png) no-repeat left center;background-size: 18px auto;">【ここに紹介会社の文言とリンクを入れてください】</li>
    <li style="border:none;margin:0;padding:15px 0 15px 30px;background:url(https://ggo.ismcdn.jp/mwimgs/1/2/80/img_128a5f90141f00f3f326cea8dc40aaab4726.png) no-repeat left center;background-size: 18px auto;">【ここに紹介会社の文言とリンクを入れてください】</li>
    <li style="border:none;margin:0;padding:15px 0 15px 30px;background:url(https://ggo.ismcdn.jp/mwimgs/1/2/80/img_128a5f90141f00f3f326cea8dc40aaab4726.png) no-repeat left center;background-size: 18px auto;">【ここに紹介会社の文言とリンクを入れてください】</li>
    </ul>
    </div>
    
  • GB017 FX会社ランキング装飾(ナンバー付き) Update: 2022.07.06
    • 【ここに紹介会社の文言とリンクを入れてください】
    • 【ここに紹介会社の文言とリンクを入れてください】
    • 【ここに紹介会社の文言とリンクを入れてください】
    <ul style="margin-top:15px;font-size:20px;font-weight:bold;line-height:24px;margin:30px 0;list-style-type:none;">
    <li style="padding:15px 0 15px 55px; margin:0;background:url(https://ggo.ismcdn.jp/mwimgs/4/e/80/img_4e338dfd4fa3ade870742c54d29e96962841.png) no-repeat left center;background-size: 40px auto;border-bottom: 1px dotted #eee;">【ここに紹介会社の文言とリンクを入れてください】</li>
    <li style="padding:15px 0 15px 55px; margin:0;background:url(https://ggo.ismcdn.jp/mwimgs/c/2/80/img_c2fa399c1c0030aac56dfa417425e7ec3911.png) no-repeat left center;background-size: 40px auto;border-bottom: 1px dotted #eee;">【ここに紹介会社の文言とリンクを入れてください】</li>
    <li style="padding:15px 0 15px 55px; margin:0;background:url(https://ggo.ismcdn.jp/mwimgs/3/2/80/img_328edd7ef2d7c8168f34b4b84d664c2a4020.png) no-repeat left center;background-size: 40px auto;border-bottom: 1px dotted #eee;">【ここに紹介会社の文言とリンクを入れてください】</li>
    </ul>
  • GB018 FX会社ランキング装飾(ナンバーなし) Update: 2022.07.06
    • 【ここに紹介会社の文言とリンクを入れてください】
    • 【ここに紹介会社の文言とリンクを入れてください】
    • 【ここに紹介会社の文言とリンクを入れてください】
    <ul style="margin-top: 15px; font-size: 20px; font-weight: bold; line-height: 24px; margin: 30px 0; list-style-type: none;">
    <li style="padding: 15px 0 15px 55px; margin: 0; background: url('https://ggo.ismcdn.jp/mwimgs/6/3/80/img_6376b020573c0ad79d1e4f7b593eef972799.png') no-repeat left center; background-size: 40px auto; border-bottom: 1px dotted #eee;">【ここに紹介会社の文言とリンクを入れてください】</li>
    <li style="padding: 15px 0 15px 55px; margin: 0; background: url('https://ggo.ismcdn.jp/mwimgs/c/e/80/img_ced8855632caa1bdffa011efca12491d3927.png') no-repeat left center; background-size: 40px auto; border-bottom: 1px dotted #eee;">【ここに紹介会社の文言とリンクを入れてください】</li>
    <li style="padding: 15px 0 15px 55px; margin: 0; background: url('https://ggo.ismcdn.jp/mwimgs/e/7/80/img_e7df445e523cb7b11039f01a1ec2a4133864.png') no-repeat left center; background-size: 40px auto; border-bottom: 1px dotted #eee;">【ここに紹介会社の文言とリンクを入れてください】</li>
    </ul>
  • GB019 横並びCTAボタン クレジットカード用 Update: 2022.07.24
    
    <div style="text-align: center;">
    <div style="display: inline-block; width: 100%; max-width: 360px; text-align: center; padding: 0px; margin: 20px 0;"><a href="ここにリンクURL" style="display: inline-block; width: auto; background: linear-gradient(to bottom, #26a6e1 0%, #0073a8 100%); color: #ffffff; margin: 0; padding: 10px 20px 10px 20px; font-weight: bold; border-radius: 5px; text-decoration: none; font-size: 18px;" onmouseout="this.style.background='linear-gradient(to bottom, #26a6e1 0%, #0073a8 100%)';" onmouseover="this.style.background='linear-gradient(to bottom, #6ccbf7 0%, #26a6e1 100%)';">ここにリンクテキスト <span style="margin: 0 0 0 20px;"> &gt;</span> </a></div>
    <div style="display: inline-block; width: 100%; max-width: 360px; text-align: center; padding: 0px; margin: 20px 0;"><a href="ここにリンクURL" onmouseout="this.style.background='linear-gradient(to bottom, #ffb45f 0%, #f7931e 100%)';" onmouseover="this.style.background='linear-gradient(to bottom, #ffc88a 0%, #ffb45f 100%)';" rel="noopener ”sponsored" style="display: inline-block; width: auto; background: linear-gradient(to bottom, #ffb45f 0%, #f7931e 100%); color: #ffffff; margin: 0; padding: 10px 20px 10px 20px; font-weight: bold; border-radius: 5px; text-decoration: none; font-size: 18px;" target="_blank">ここにリンクテキスト <span style="margin: 0 0 0 20px;"> &gt;</span> </a></div>
    </div>
    
    <div style="text-align: center;">
    <div style="display: inline-block; width: 100%; max-width: 360px; text-align: center; padding: 0px; margin: 20px 0;"><a href="ここにリンクURL" style="display: inline-block; width: auto; background: linear-gradient(to bottom, #81c784 0%, #43a047 100%); color: #ffffff; margin: 0; padding: 10px 20px 10px 20px; font-weight: bold; border-radius: 5px; text-decoration: none; font-size: 18px;" onmouseout="this.style.background='linear-gradient(to bottom, #8ebfb7 0%, #508078 100%)';" onmouseover="this.style.background='linear-gradient(to bottom, #d2eee9 0%, #8ebfb7 100%)';">ここにリンクテキスト <span style="margin: 0 0 0 20px;"> &gt;</span> </a></div>
    <div style="display: inline-block; width: 100%; max-width: 360px; text-align: center; padding: 0px; margin: 20px 0;"><a href="ここにリンクURL" onmouseout="this.style.background='linear-gradient(to bottom, #ffb45f 0%, #f7931e 100%)';" onmouseover="this.style.background='linear-gradient(to bottom, #ffc88a 0%, #ffb45f 100%)';" rel="noopener ”sponsored" style="display: inline-block; width: auto; background: linear-gradient(to bottom, #ffb45f 0%, #f7931e 100%); color: #ffffff; margin: 0; padding: 10px 20px 10px 20px; font-weight: bold; border-radius: 5px; text-decoration: none; font-size: 18px;" target="_blank">ここにリンクテキスト <span style="margin: 0 0 0 20px;"> &gt;</span> </a></div>
    </div>
  • GB020 ※この記事には広告を含む場合があります。 Update: 2023.09.15
    ※この記事には広告を含む場合があります。

    この記事で紹介する商品やサービスを購入・申込することで売上の一部が還元されることがあります。

    取扱い広告案件(会社)一覧は下記の通りです。

    ・株式会社LOOS
    ・GMOインターネットグループ株式会社
    ・エックスサーバー株式会社
    ・アマゾンジャパン合同会社

    <div style="margin: 40px 0;"><details style="margin: 0 0 1px 0; color: #777;">
    <summary style="border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: list-item; cursor: pointer; padding: 8px 20px; font-weight: normal; font-size: 15px;">※この記事には広告を含む場合があります。</summary>
    <div style="margin: 0; padding: 20px; font-size: 15px; color: #000;"><p>この記事で紹介する商品やサービスを購入・申込することで売上の一部が還元されることがあります。</p>
    <p>取扱い広告案件(会社)一覧は下記の通りです。</p>
    <p>
    ・株式会社LOOS<br>
    ・GMOインターネットグループ株式会社<br>
    ・エックスサーバー株式会社<br>
    ・アマゾンジャパン合同会社
    </p>
    </div>
    </details></div>