この記事の特徴
重要度 | |
難易度 | |
備考 | アメブロ記事で使えるボタンリンクです。読者からの申し込みを増やすために必須ですね。 |
この記事では、アメブロに下記のようなボタンリンクを導入する方法を解説します。

使い方はHTMLやCSSを知らなくてもOK、コピペして貼り付けるだけ。
しかもスマホやアプリで記事を見る読者にも対応。
デザインと色を選ぶとコードが自動で表示されます。コピーしてアメブロ記事内のHTML表示に貼りつけましょう。
記事後半には「ボタンの活用法」や「設置の手順」も解説しているので、必要に応じて確認して下さい。

- ①シンプルなボタン(枠線・角丸・塗りつぶし・影つき)
- フラットなボタン1行(①-A)
- フラットなボタン2行(①-B)
- 角丸のフラットボタン1行(①-C)
- 角丸のフラットボタン2行(①-D)
- 影つきボタン1行(①-E)
- 影つきボタン2行(①-F)
- 各丸+影つきボタン1行(①-G)
- 角丸+影つきボタン2行(①-H)
- 枠線+影つきボタン1行(①-i)
- 枠線+影つきボタン2行(①-J)
- 枠線+各丸+影つきボタン1行(①-K)
- 枠線+各丸+影つきボタン2行(①-L)
- 点線のボタン1行(①-M)
- 点線のボタン2行(①-N)
- 点線+各丸ボタン1行(①-O)
- 点線+各丸ボタン2行(①-P)
- 二重線+影つきボタン1行(①-Q)
- 二重線+影つきボタン2行(①-R)
- 二重線+各丸+影つきボタン1行(①-S)
- 二重線+各丸+影つきボタン2行(①-T)
- ②かわいいボタン
- ③おしゃれなボタン
- ④大きなボタン
- ⑤SNSボタン
- ⑥電話ボタン
- ⑦お問い合わせボタン
- ボタンの活用法
- ボタンの設置手順
- 記事でボタンを簡単に使う方法
- 使用上の注意点
①シンプルなボタン(枠線・角丸・塗りつぶし・影つき)
フラットなボタン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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </p>
⑤SNSボタン
アメブロの記事内ではアイコン用コードの使用が制限されるため、画像でボタンを作成しました。
横長のフォローボタン(⑤-A)
<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> </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> </p>
アイコン+テキスト(⑤-B)
<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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </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> </p>
- リンク先URLにお問い合わせフォームのURLを入力
ボタンの活用法
ボタンをより効果的に使う方法を紹介します。
マイクロコピーとセットで使う
「マイクロコピー」とはボタンなどの周りに置く小さな文字のことです。
「マイクロコピーあり」の方が押しやすいボタンですよね。
ボタンコードの上の行に、下記のコードを貼り付けると簡単に使えます。
<p style="font-size: 0.8em; color: #696969; text-align: center; margin: 0;">\ ここにマイクロコピー /</p>
マイクロコピーは短い文章で、「読者が押したくなる」・「読者の不安を消す」などの内容を書きましょう。

マイクロコピーの文字が長すぎて2行になると見た目がダサいです・・・スマホ表示で1行になる長さにして下さい。
ボタンの設置手順
アメブロにボタンリンクを貼り付ける手順を解説します。
デザインを選んで、HTMLコードをコピー
使いたいボタンのデザインと色を、この記事から選んで下さい。
色を選ぶと、ボタンの下にコードが表示されるのでコピーします。

アメブロに貼り付けて中身を書く
アメブロ記事作成画面で「HTML表示」に切り替えて、コードを貼り付けます
貼り付けたら、記事作成画面を「通常表示」に戻しましょう。
次にボタンにリンク先のURLを貼り付けます。ボタンの中身の文字を選択しながら、「リンクマーク」をクリックして下さい。
リンクのボックスが出てくるので、誘導する先のURLを貼り付けましょう。
貼り付けたら、「リンクを挿入する」をクリックします。
最後にボタンの中身を書きます。
これでアメブロにもボタンの設置ができました。
今回紹介したボタンは中央寄せになっていますが、記事作成画面で左寄せ・右寄せも可能です。(大きなボタンを除く)
ボタンの中身は「SHIFT+ENTER」で改行可能ですが、行が増えると右側の矢印の位置がずれます。
改行ではなく、2行向けのデザインを選んで下さいね。

記事でボタンを簡単に使う方法
「AmeCare(アメケア)」という「Google Chrome」のプラグインを使うと、ボタンを記事にすぐ貼り付けできます。(アメケアは無料版で十分です)
以下のようにボタンのコードをアメケアの「定型タグ」に登録して下さい。
記事を書く時にアメケアに登録したコードを選びます。
すると、下記のようにサクッと記事にボタンが入ります。(HTML表示に貼り付けも不要)
事前にURLやボタンのテキストも入れて登録すれば、貼り付けるだけで済みます。
よく使うボタンなどをアメケアに登録しておけば、秒で貼り付けできて中身を書くだけなので簡単ですね。

使用上の注意点
ボタンを使う上での注意点を確認しておきましょう。
中身の文章が長いなら2行用のデザインを使う
ボタンの中身の文字が多すぎると、下記のようにスマホの表示で崩れます。
対策として、1行用と2行用のデザインを用意しています。
中身のテキストが長くなる場合は、2行用のデザインを選んで下さいね。
必ずカバー・アイキャッチ画像と併用すること
読者のクリック率を上げるために、ボタンには「>」マークを画像で入れています。
この画像がサムネイルに出てこないよう注意が必要です。
アメブロはカバー画像を設定しない場合に、記事の一番上にある画像がサムネイル表示される仕組みです。
つまりボタンの上に他の画像がないと、「>」がサムネイルに出てしまうということ。
カバー画像を入れると自動的にその画像がサムネイルになるので、ボタンの画像がサムネイルに表示されることはありません。

なおカバー画像でサムネイルを調整することは超重要!
正しく設定すると明らかにアクセス数が伸びるので、ボタンの導入に関わらずカバー画像を使いましょう。

