【公開中】アメブロ開始4ヶ月・わずか20記事でも毎月5万PVで安定する「資産記事」手法はこちら ⇒
ボタン

素材数No1!アメブロ用の申し込みボタンをコピペで簡単作成

アメブロ用のボタン

この記事の特徴

重要度 5.0
難易度 2.0
備考 アメブロ記事で使えるボタンリンクです。読者からの申し込みを増やすために必須ですね。

この記事では、アメブロに下記のようなボタンリンクを導入する方法を解説します。

くますけ
ボタンがあると、つい押したくなるよね。アメブロでビジネスするなら導入したいね

使い方はHTMLやCSSを知らなくてもOK、コピペして貼り付けるだけ

しかもスマホやアプリで記事を見る読者にも対応

アメブロのボタンの作り方

デザインと色を選ぶとコードが自動で表示されます。コピーしてアメブロ記事内のHTML表示に貼りつけましょう。

記事後半には「ボタンの活用法」や「設置の手順」も解説しているので、必要に応じて確認して下さい。

あめっくま
「うまくいかない」など困った方は、遠慮なく記事下コメント欄から質問して下さいね。

 

この記事を書いた人
  • アメブロで毎月収益7桁を達成
  • アメブロ集客・売上UPの指導多数
  • アメブロで資産記事を作り安定した集客を実現

 

アメブロたった20記事で5万PVの手法

アメブロで資産記事を作る方法はこちら ⇒

 

  1. ①シンプルなボタン(枠線・角丸・塗りつぶし・影つき)
    1. フラットなボタン1行(①-A)
    2. フラットなボタン2行(①-B)
    3. 角丸のフラットボタン1行(①-C)
    4. 角丸のフラットボタン2行(①-D)
    5. 影つきボタン1行(①-E)
    6. 影つきボタン2行(①-F)
    7. 各丸+影つきボタン1行(①-G)
    8. 角丸+影つきボタン2行(①-H)
    9. 枠線+影つきボタン1行(①-i)
    10. 枠線+影つきボタン2行(①-J)
    11. 枠線+各丸+影つきボタン1行(①-K)
    12. 枠線+各丸+影つきボタン2行(①-L)
    13. 点線のボタン1行(①-M)
    14. 点線のボタン2行(①-N)
    15. 点線+各丸ボタン1行(①-O)
    16. 点線+各丸ボタン2行(①-P)
    17. 二重線+影つきボタン1行(①-Q)
    18. 二重線+影つきボタン2行(①-R)
    19. 二重線+各丸+影つきボタン1行(①-S)
    20. 二重線+各丸+影つきボタン2行(①-T)
  2. ②かわいいボタン
    1. 水玉模様+影つきボタン1行(②-A)
    2. 水玉模様+影つきボタン2行(②-B)
    3. 水玉模様+各丸+影つきボタン1行(②-C)
    4. 水玉模様+各丸+影つきボタン2行(②-D)
    5. キルト・布風ボタン1行(②-E)
    6. キルト・布風ボタン2行(②-F)
    7. キルト・布風の角丸ボタン1行(②-G)
    8. キルト・布風の角丸ボタン2行(②-H)
  3. ③おしゃれなボタン
    1. ストライプ+影つきボタン1行(③-A)
    2. ストライプ+影つきボタン2行(③-B)
    3. ストライプ+各丸+影つきボタン1行(③-C)
    4. ストライプ+各丸+影つきボタン2行(③-D)
    5. 立体的なボタン1行(③-E)
    6. 立体的なボタン2行(③-F)
    7. 押したくなる立体的なボタン1行(③-G)
    8. 押したくなる立体的なボタン2行(③-H)
    9. 押したくなる立体的な角丸ボタン1行(③-i)
    10. 押したくなる立体的な角丸ボタン2行(③-J)
  4. ④大きなボタン
    1. 大きなボタン1行(④-A)
    2. 大きなボタン2行(④-B)
    3. 大きな角丸ボタン1行(④-C)
    4. 大きな角丸ボタン2行(④-D)
    5. 大きな影つきボタン1行(④-E)
    6. 大きな影つきボタン2行(④-F)
    7. 大きな角丸+影つきボタン1行(④-G)
    8. 大きな角丸+影つきボタン2行(④-H)
  5. ⑤SNSボタン
    1. 横長のフォローボタン(⑤-A)
    2. アイコン+テキスト(⑤-B)
  6. ⑥電話ボタン
    1. 基本の電話ボタン(⑥-A)
    2. 各丸の電話ボタン(⑥-B)
    3. 影つきの電話ボタン(⑥-C)
    4. 各丸+影つきの電話ボタン(⑥-D)
  7. ⑦お問い合わせボタン
    1. 基本のお問い合わせボタン(⑦-A)
    2. 各丸のお問い合わせボタン(⑦-B)
    3. 影つきのお問い合わせボタン(⑦-C)
    4. 各丸+影つきお問い合わせボタン(⑦-D)
  8. ボタンの活用法
    1. マイクロコピーとセットで使う
  9. ボタンの設置手順
    1. デザインを選んで、HTMLコードをコピー
    2. アメブロに貼り付けて中身を書く
  10. 記事でボタンを簡単に使う方法
  11. 使用上の注意点
    1. 中身の文章が長いなら2行用のデザインを使う
    2. 必ずカバー・アイキャッチ画像と併用すること

①シンプルなボタン(枠線・角丸・塗りつぶし・影つき)

フラットなボタン1行(①-A)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

フラットなボタン2行(①-B)

中身を改行して2行で表示したボタンです。ボタンのテキストが長くなる場合に便利ですね。

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

角丸のフラットボタン1行(①-C)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

角丸のフラットボタン2行(①-D)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

影つきボタン1行(①-E)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

影つきボタン2行(①-F)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

各丸+影つきボタン1行(①-G)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 30px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

角丸+影つきボタン2行(①-H)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

枠線+影つきボタン1行(①-i)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #4169e1; background: #e0e7fa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #87cefa; background: #e7f5fe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #59a136; background: #d6efbe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #d9333f; background: #f5c7ca; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #fca60d; background: #fee8c2; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #8b4513; background: #f6d4bc; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

枠線+影つきボタン2行(①-J)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #4169e1; background: #e0e7fa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #87cefa; background: #e7f5fe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #59a136; background: #d6efbe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #d9333f; background: #f5c7ca; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #fca60d; background: #fee8c2; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #8b4513; background: #f6d4bc; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

枠線+各丸+影つきボタン1行(①-K)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #4169e1; background: #e0e7fa; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #87cefa; background: #e7f5fe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #59a136; background: #d6efbe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #d9333f; background: #f5c7ca; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #fca60d; background: #fee8c2; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #8b4513; background: #f6d4bc; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

枠線+各丸+影つきボタン2行(①-L)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #4169e1; background: #e0e7fa; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #87cefa; background: #e7f5fe; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #59a136; background: #d6efbe; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #d9333f; background: #f5c7ca; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #eb6ea5; background: #fbe4ee; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #fca60d; background: #fee8c2; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 3px solid #8b4513; background: #f6d4bc; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

点線のボタン1行(①-M)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #4169e1; background: #e0e7fa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #87cefa; background: #e7f5fe; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #59a136; background: #d6efbe; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #d9333f; background: #f5c7ca; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #eb6ea5; background: #fbe4ee; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #fca60d; background: #fee8c2; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #8b4513; background: #f6d4bc; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

点線のボタン2行(①-N)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #4169e1; background: #e0e7fa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #87cefa; background: #e7f5fe; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #59a136; background: #d6efbe; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #d9333f; background: #f5c7ca; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #eb6ea5; background: #fbe4ee; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #fca60d; background: #fee8c2; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #8b4513; background: #f6d4bc; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button57-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

点線+各丸ボタン1行(①-O)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #4169e1; background: #e0e7fa; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #87cefa; background: #e7f5fe; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #59a136; background: #d6efbe; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #d9333f; background: #f5c7ca; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #eb6ea5; background: #fbe4ee; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #fca60d; background: #fee8c2; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #8b4513; background: #f6d4bc; border-radius: 35px; font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

点線+各丸ボタン2行(①-P)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #4169e1; background: #e0e7fa; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #87cefa; background: #e7f5fe; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #59a136; background: #d6efbe; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #d9333f; background: #f5c7ca; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #eb6ea5; background: #fbe4ee; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #fca60d; background: #fee8c2; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px dashed #8b4513; background: #f6d4bc; border-radius: 50px; font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button61-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

二重線+影つきボタン1行(①-Q)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #4169e1; background: #e0e7fa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #87cefa; background: #e7f5fe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #59a136; background: #d6efbe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #d9333f; background: #f5c7ca; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #fca60d; background: #fee8c2; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #8b4513; background: #f6d4bc; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

二重線+影つきボタン2行(①-R)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #4169e1; background: #e0e7fa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #87cefa; background: #e7f5fe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #59a136; background: #d6efbe; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #d9333f; background: #f5c7ca; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #eb6ea5; background: #fbe4ee; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #fca60d; background: #fee8c2; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #8b4513; background: #f6d4bc; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button58-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

二重線+各丸+影つきボタン1行(①-S)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #4169e1; background: #e0e7fa; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #87cefa; background: #e7f5fe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #59a136; background: #d6efbe; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #d9333f; background: #f5c7ca; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #eb6ea5; background: #fbe4ee; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #fca60d; background: #fee8c2; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #8b4513; background: #f6d4bc; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

二重線+各丸+影つきボタン2行(①-T)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #4169e1; background: #e0e7fa; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #87cefa; background: #e7f5fe; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #59a136; background: #d6efbe; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #d9333f; background: #f5c7ca; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #eb6ea5; background: #fbe4ee; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #fca60d; background: #fee8c2; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 8px double #8b4513; background: #f6d4bc; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button60-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

②かわいいボタン

水玉模様+影つきボタン1行(②-A)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #4169e1; background-color: #e0e7fa; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #87cefa; background-color: #e7f5fe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #d9333f; background-color: #f5c7ca; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #eb6ea5; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #fca60d; background-color: #fee8c2; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #8b4513; background-color: #f6d4bc; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

水玉模様+影つきボタン2行(②-B)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #4169e1; background-color: #e0e7fa; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #87cefa; background-color: #e7f5fe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #d9333f; background-color: #f5c7ca; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #eb6ea5; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #fca60d; background-color: #fee8c2; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #8b4513; background-color: #f6d4bc; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

水玉模様+各丸+影つきボタン1行(②-C)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #4169e1; background-color: #e0e7fa; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #87cefa; background-color: #e7f5fe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #d9333f; background-color: #f5c7ca; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #eb6ea5; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #fca60d; background-color: #fee8c2; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #8b4513; background-color: #f6d4bc; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

水玉模様+各丸+影つきボタン2行(②-D)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #4169e1; background-color: #e0e7fa; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #87cefa; background-color: #e7f5fe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #59a136; background-color: #d6efbe; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #d9333f; background-color: #f5c7ca; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #eb6ea5; background-color: #fbe4ee; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #fca60d; background-color: #fee8c2; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; border: 2px solid #8b4513; background-color: #f6d4bc; background-image: radial-gradient(#ffffff 12%, transparent 15%), radial-gradient(#ffffff 12%, transparent 15%); background-position: 0 0, 10px 10px; background-size: 20px 20px; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

キルト・布風ボタン1行(②-E)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #4169e1; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #87cefa; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #59a136; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #d9333f; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #eb6ea5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #fca60d; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #8b4513; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

キルト・布風ボタン2行(②-F)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #4169e1; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #87cefa; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #59a136; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #d9333f; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #eb6ea5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #fca60d; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 2px dashed #ffffff; border-radius: 5px;  box-shadow:0px 0px 0px 5px #8b4513; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button55-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

キルト・布風の角丸ボタン1行(②-G)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #4169e1; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #87cefa; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #59a136; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #d9333f; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #eb6ea5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #fca60d; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 2px dashed #ffffff; border-radius: 30px;  box-shadow:0px 0px 0px 5px #8b4513; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

キルト・布風の角丸ボタン2行(②-H)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #4169e1; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #87cefa; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #59a136; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #d9333f; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #eb6ea5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #fca60d; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 2px dashed #ffffff; border-radius: 45px;  box-shadow:0px 0px 0px 5px #8b4513; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button54-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

③おしゃれなボタン

ストライプ+影つきボタン1行(③-A)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border: 3px solid #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e7f5fe, #e7f5fe 3px, #f0f9fe 3px, #f0f9fe 7px); border: 3px solid #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #d6efbe, #d6efbe 3px, #e0f3ce 3px, #e0f3ce 7px); border: 3px solid #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f5c7ca, #f5c7ca 3px, #f7cfd2 3px, #f7cfd2 7px); border: 3px solid #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border: 3px solid #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fee8c2, #fee8c2 3px, #fef0d7 3px, #fef0d7 7px); border: 3px solid #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f6d4bc, #f6d4bc 3px, #f8dfce  3px, #f8dfce  7px); border: 3px solid #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

ストライプ+影つきボタン2行(③-B)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border: 3px solid #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e7f5fe, #e7f5fe 3px, #f0f9fe 3px, #f0f9fe 7px); border: 3px solid #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #d6efbe, #d6efbe 3px, #e0f3ce 3px, #e0f3ce 7px); border: 3px solid #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f5c7ca, #f5c7ca 3px, #f7cfd2 3px, #f7cfd2 7px); border: 3px solid #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border: 3px solid #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fee8c2, #fee8c2 3px, #fef0d7 3px, #fef0d7 7px); border: 3px solid #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f6d4bc, #f6d4bc 3px, #f8dfce  3px, #f8dfce  7px); border: 3px solid #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button56-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

ストライプ+各丸+影つきボタン1行(③-C)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border: 3px solid #4169e1; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e7f5fe, #e7f5fe 3px, #f0f9fe 3px, #f0f9fe 7px); border: 3px solid #87cefa; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #d6efbe, #d6efbe 3px, #e0f3ce 3px, #e0f3ce 7px); border: 3px solid #59a136; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f5c7ca, #f5c7ca 3px, #f7cfd2 3px, #f7cfd2 7px); border: 3px solid #d9333f; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border: 3px solid #eb6ea5; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fee8c2, #fee8c2 3px, #fef0d7 3px, #fef0d7 7px); border: 3px solid #fca60d; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f6d4bc, #f6d4bc 3px, #f8dfce  3px, #f8dfce  7px); border: 3px solid #8b4513; border-radius: 35px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

ストライプ+各丸+影つきボタン2行(③-D)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e0e7fa, #e0e7fa 3px, #e9eefb 3px, #e9eefb 7px); border: 3px solid #4169e1; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #4169e1; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-blue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #e7f5fe, #e7f5fe 3px, #f0f9fe 3px, #f0f9fe 7px); border: 3px solid #87cefa; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #87cefa; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-skyblue-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #d6efbe, #d6efbe 3px, #e0f3ce 3px, #e0f3ce 7px); border: 3px solid #59a136; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #59a136; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-green-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f5c7ca, #f5c7ca 3px, #f7cfd2 3px, #f7cfd2 7px); border: 3px solid #d9333f; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #d9333f; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-red-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fbe4ee, #fbe4ee 3px, #fcedf4 3px, #fcedf4 7px); border: 3px solid #eb6ea5; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #eb6ea5; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-pink-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #fee8c2, #fee8c2 3px, #fef0d7 3px, #fef0d7 7px); border: 3px solid #fca60d; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #fca60d; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-orange-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: repeating-linear-gradient(-45deg, #f6d4bc, #f6d4bc 3px, #f8dfce  3px, #f8dfce  7px); border: 3px solid #8b4513; border-radius: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #8b4513; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-brown-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button59-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

立体的なボタン1行(③-E)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 6px outset #1e46be; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 6px outset #54b9f8; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 6px outset #4d8a2e; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 6px outset #b9222c; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 6px outset #e85494; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 6px outset #e89402; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 6px outset #70380f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

立体的なボタン2行(③-F)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border: 6px outset #1e46be; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border: 6px outset #54b9f8; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border: 6px outset #4d8a2e; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border: 6px outset #b9222c; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border: 6px outset #e85494; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border: 6px outset #e89402; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border: 6px outset #70380f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

押したくなる立体的なボタン1行(③-G)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-bottom: 5px solid #54b9f8; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-bottom: 5px solid #a81f28; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-bottom: 5px solid #4c260a; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

押したくなる立体的なボタン2行(③-H)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-bottom: 5px solid #54b9f8; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-bottom: 5px solid #a81f28; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-bottom: 5px solid #4c260a; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

押したくなる立体的な角丸ボタン1行(③-i)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-bottom: 5px solid #54b9f8; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-bottom: 5px solid #a81f28; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-bottom: 5px solid #4c260a; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.5em 0.7em 1em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

押したくなる立体的な角丸ボタン2行(③-J)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-bottom: 5px solid #1b3fac; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-bottom: 5px solid #54b9f8; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-bottom: 5px solid #447a29; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-bottom: 5px solid #a81f28; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-bottom: 5px solid #e54389; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-bottom: 5px solid #d48702; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-bottom: 5px solid #4c260a; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 1.3em;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 7px; width: 10px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

④大きなボタン

PC表示で大きいボタンで、スマホでは横幅いっぱいに表示されるボタンです。

(文字が多すぎるとスマホ表示で崩れやすいので注意)

大きなボタン1行(④-A)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きなボタン2行(④-B)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きな角丸ボタン1行(④-C)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きな角丸ボタン2行(④-D)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 45px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きな影つきボタン1行(④-E)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きな影つきボタン2行(④-F)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button52-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きな角丸+影つきボタン1行(④-G)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 1em 1.7em 1em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

大きな角丸+影つきボタン2行(④-H)

<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #4169e1; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #87cefa; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #59a136; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #d9333f; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #eb6ea5; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #fca60d; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="max-width: 450px; position: relative; display: block; background: #8b4513; border-radius: 45px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; padding: 0.7em 1.7em 0.7em 1em; margin: 0 auto;"><span class="i-amphtml-hidden-by-media-query">ボタンのテキスト上<br>ボタンのテキスト下<img style="position: absolute; top: calc(50% - 7.7px); right: 10px; width: 13px;" src="https://nk-media.org/wp-content/uploads/2020/09/arrow-s.png" alt=""></span><img src="https://nk-media.org/wp-content/uploads/2021/02/button53-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>

⑤SNSボタン

アメブロの記事内ではアイコン用コードの使用が制限されるため、画像でボタンを作成しました。

横長のフォローボタン(⑤-A)

TwitterFacebook
<div style="text-align: center;"><a href="TwitterのURL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #46a1f4; border-radius: 5px; font-size: 0.9em; color: #ffffff; text-decoration: none; padding: 0.5em 0.7em 0.5em 2.4em;"><img style="position: absolute; top: 11px; left: 9px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/twitter-logos.png" alt="">ここにテキスト</a></div>
<p>&nbsp;</p>
<div style="text-align: center;"><a href="FacebookのURL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #39599f; border-radius: 5px; font-size: 0.9em; color: #ffffff; text-decoration: none; padding: 0.5em 0.7em 0.5em 2.4em;"><img style="position: absolute; top: 9px; left: 9px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/facebook-logos.png" alt="">ここにテキスト</a></div>
<p>&nbsp;</p>

アイコン+テキスト(⑤-B)

TwitterFacebookInstagram
<div style="text-align: center;"><a href="TwitterのURL" rel="noopener noreferrer" target="_blank" style="display: inline-block; text-decoration: none;"><img style="width: 50px; vertical-align: middle; margin-right: 0.5em;" src="https://nk-media.org/wp-content/uploads/2020/09/twitter-logom.png" alt=""><span style="vertical-align: middle;">ここにテキスト</span></a></div>
<p>&nbsp;</p>
<div style="text-align: center;"><a href="FacebookのURL" rel="noopener noreferrer" target="_blank" style="display: inline-block; text-decoration: none;"><img style="width: 50px; vertical-align: middle; margin-right: 0.5em;" src="https://nk-media.org/wp-content/uploads/2020/09/facebook-logom.png" alt=""><span style="vertical-align: middle;">ここにテキスト</span></a></div>
<p>&nbsp;</p>
<div style="text-align: center;"><a href="InstagramのURL" rel="noopener noreferrer" target="_blank" style="display: inline-block; text-decoration: none;"><img style="width: 50px; vertical-align: middle; margin-right: 0.5em;" src="https://nk-media.org/wp-content/uploads/2020/09/insta-logom.png" alt=""><span style="vertical-align: middle;">ここにテキスト</span></a></div>
<p>&nbsp;</p>

⑥電話ボタン

読者がスマホでタップするだけで電話をかけられるボタンです。コードをコピペすると、電話アイコンも自動で入ります。

読者が電話をしやすいので、申込者数を伸ばせますね。

なおアメブロでの電話番号リンクの貼り方・使い方はこちらの記事で解説しています。

【簡単】アメブロに電話番号リンクを貼り付ける方法と応用術
アメブロに電話番号リンクの貼り付け方と、読者が電話をかけやすくなる方法を解説します。ビジネスで電話受付する場合は、スマホタップで電話をかけられる電話番号リンクは必須。電話番号を書いてあるだけなら、今すぐ導入しましょう。

基本の電話ボタン(⑥-A)

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
  • 緑の部分に電話番号
  • 先頭の0を+81に変更すると国外からも電話可
  • 赤の部分に番号を書くとボタンに表示

各丸の電話ボタン(⑥-B)

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 40px; line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
  • 緑の部分に電話番号
  • 先頭の0を+81に変更すると国外からも電話可
  • 赤の部分に番号を書くとボタンに表示

影つきの電話ボタン(⑥-C)

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 12px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button62-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
  • 緑の部分に電話番号
  • 先頭の0を+81に変更すると国外からも電話可
  • 赤の部分に番号を書くとボタンに表示

各丸+影つきの電話ボタン(⑥-D)

<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-1.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-2.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-3.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-4.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-5.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-6.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="tel:00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 40px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.8em 0.7em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 10px); left: 15px; width: 20px;" src="https://nk-media.org/wp-content/uploads/2020/09/phone-white-small.png" alt="">お電話はこちら<br>00-0000-0000</span><img src="https://nk-media.org/wp-content/uploads/2021/02/button63-7.png" style="display: none;" width="250" height="65" alt=""></a></div>
<p>&nbsp;</p>
  • 緑の部分に電話番号
  • 先頭の0を+81に変更すると国外からも電話可
  • 赤の部分に番号を書くとボタンに表示

⑦お問い合わせボタン

お問い合わせフォームに誘導するためのボタンです。

テキストだけのリンクより、効果的に集客できますね。

なおアメブロでのメールリンクの貼り方・使い方はこちらの記事で解説しています。

アメブロでのメールリンクの貼り方と注意点まとめ
アメブロにメールリンクを貼り付ける方法を解説します。読者がクリックしやすいメールリンクや活用法、大事な注意点も紹介。導入するかどうかは記事を読んでから決めて下さいね。

基本のお問い合わせボタン(⑦-A)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-1.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-2.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-3.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-4.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-5.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-6.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-7.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
  • リンク先URLにお問い合わせフォームのURLを入力

各丸のお問い合わせボタン(⑦-B)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-1.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-2.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-3.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-4.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-5.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-6.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-7.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
  • リンク先URLにお問い合わせフォームのURLを入力

影つきのお問い合わせボタン(⑦-C)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-1.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-2.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-3.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-4.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-5.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-6.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 12px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button64-7.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
  • リンク先URLにお問い合わせフォームのURLを入力

各丸+影つきお問い合わせボタン(⑦-D)

<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-1.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-2.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-3.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-4.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-5.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-6.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
<div class="l-text-center" style="text-align: center;"><a href="リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 25px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 1.2em 0.5em 2.9em;"><span class="i-amphtml-hidden-by-media-query"><img style="position: absolute; top: calc(50% - 12px); left: 16px; width: 25px;" src="https://nk-media.org/wp-content/uploads/2020/09/mail-s.png" alt="">お問い合わせはこちら</span><img width="280" height="50" src="https://nk-media.org/wp-content/uploads/2021/02/button65-7.png" style="display: none;" alt=""></a></div>
<p>&nbsp;</p>
  • リンク先URLにお問い合わせフォームのURLを入力

ボタンの活用法

ボタンをより効果的に使う方法を紹介します。

マイクロコピーとセットで使う

「マイクロコピー」とはボタンなどの周りに置く小さな文字のことです。

ボタンとマイクロコピーをセットで使う

「マイクロコピーあり」の方が押しやすいボタンですよね。

ボタンコードの上の行に、下記のコードを貼り付けると簡単に使えます。

<p style="font-size: 0.8em; color: #696969; text-align: center; margin: 0;">\ ここにマイクロコピー /</p>

マイクロコピーは短い文章で、「読者が押したくなる」・「読者の不安を消す」などの内容を書きましょう。

あめっくま
マイクロコピーに書く文言によっては、読者のクリック率を大幅に上げることも可能です。
注意

マイクロコピーの文字が長すぎて2行になると見た目がダサいです・・・スマホ表示で1行になる長さにして下さい。

ボタンの設置手順

アメブロにボタンリンクを貼り付ける手順を解説します。

デザインを選んで、HTMLコードをコピー

使いたいボタンのデザインと色を、この記事から選んで下さい。

ボタンのHTMLコードをコピーする

色を選ぶと、ボタンの下にコードが表示されるのでコピーします。

あめっくま
HTMLコードの意味は分からなくても大丈夫ですよ。

アメブロに貼り付けて中身を書く

アメブロ記事作成画面で「HTML表示」に切り替えて、コードを貼り付けます

HTML表示に切り替え

貼り付けたら、記事作成画面を「通常表示」に戻しましょう。

通常表示に戻す

次にボタンにリンク先のURLを貼り付けます。ボタンの中身の文字を選択しながら、「リンクマーク」をクリックして下さい。

ボタンにリンクを入れる

リンクのボックスが出てくるので、誘導する先のURLを貼り付けましょう。

URLを貼り付け

貼り付けたら、「リンクを挿入する」をクリックします。

最後にボタンの中身を書きます。

ボタンのテキストを編集

これでアメブロにもボタンの設置ができました。

今回紹介したボタンは中央寄せになっていますが、記事作成画面で左寄せ・右寄せも可能です。(大きなボタンを除く)

ボタンの中身は「SHIFT+ENTER」で改行可能ですが、行が増えると右側の矢印の位置がずれます。

改行ではなく、2行向けのデザインを選んで下さいね

あめっくま
コピーしたら貼り付けて、リンクを入れて中身を書くだけですね。

記事でボタンを簡単に使う方法

AmeCare(アメケア)」という「Google Chrome」のプラグインを使うと、ボタンを記事にすぐ貼り付けできます。(アメケアは無料版で十分です)

AmeCare(アメケア)のダウンロードはこちら

以下のようにボタンのコードをアメケアの「定型タグ」に登録して下さい

アメケアにボタンのコードを登録する

記事を書く時にアメケアに登録したコードを選びます。

アメケアでボタンを選ぶ

すると、下記のようにサクッと記事にボタンが入ります。(HTML表示に貼り付けも不要)

ボタンをアメケアから挿入

事前にURLやボタンのテキストも入れて登録すれば、貼り付けるだけで済みます。

よく使うボタンなどをアメケアに登録しておけば、秒で貼り付けできて中身を書くだけなので簡単ですね。

くますけ
よく使うコードをアメケアに登録すると、すぐに使えるんだね。

使用上の注意点

ボタンを使う上での注意点を確認しておきましょう。

中身の文章が長いなら2行用のデザインを使う

ボタンの中身の文字が多すぎると、下記のようにスマホの表示で崩れます。

中身の文章が長い場合は2行で対応

対策として、1行用と2行用のデザインを用意しています。

中身のテキストが長くなる場合は、2行用のデザインを選んで下さいね。

必ずカバー・アイキャッチ画像と併用すること

読者のクリック率を上げるために、ボタンには「>」マークを画像で入れています。

ボタンの中の画像

この画像がサムネイルに出てこないよう注意が必要です。

ボタンの画像がサムネイルにならないようにする

アメブロはカバー画像を設定しない場合に、記事の一番上にある画像がサムネイル表示される仕組みです。

つまりボタンの上に他の画像がないと、「>」がサムネイルに出てしまうということ。

カバー画像を入れると自動的にその画像がサムネイルになるので、ボタンの画像がサムネイルに表示されることはありません。

くますけ
カバー画像を使えば心配はいらないということだね。

なおカバー画像でサムネイルを調整することは超重要!

正しく設定すると明らかにアクセス数が伸びるので、ボタンの導入に関わらずカバー画像を使いましょう。

あめっくま
アクセス数UPのために、カバー画像は入れておきましょうね。
【効果絶大】アメブロ記事にアイキャッチ・カバー画像を入れよう!設定方法も解説
この記事ではアメブロにアイキャッチ画像・カバー画像を設定する方法と効果を解説します。カバー画像を設定すれば様々な場所で表示されるので、読者のクリック率が上がります。ブログ集客のポイントになるので、記事に入れておきましょう。