アメブロで使える付箋の囲み枠！コピペで簡単貼付けOK
この記事ではアメブロで使える「付箋風の飾り枠」を紹介します。完成イメージは下記の通り。付箋風飾り枠のメリット コピペで簡単に貼り付けできる 記事が読みやすくなる 中に箇条書きを入れてもOKこのような素敵な付箋を簡単に設置できます。デザインを選んだら、コードをコピペして貼り付けするだけ！あめっくま付箋を使うと、大事なポイントが読者に伝わりやすいですね。なお、はじめての方はアメブロの囲み枠の作り方・設置方法を確認して下さいね。（補足：素材の無断転載・再配布は禁止です）こちらも人気！▶ アメブロ向けかわいい・おしゃれな囲み枠▶ アメブロ向けシンプルな囲み枠▶ 【素敵に変身】アメブロのカスタマイズ方法まとめ目次 付箋の飾り枠素材 箇条書き入りの付箋 表題＋箇条書き入りの付箋 さらに豊富なデザインありこの記事を書いた人あめっくま アメブロで資産記事を作り月収7桁達成 あめっくま式アメブロ攻略法を開発 あめっくま式のコンサル生150名以上>> 提供サービスはこちら>> このブログをフォロー＼アメブロ20記事で5万PVの手法／アメブロで資産記事を作る方法はこちら ⇒＼ついに登場！アメトピ攻略法／アメトピ攻略法はこちら ⇒付箋の飾り枠素材透明テープ黄色のふせんの飾り枠をテープで貼り付けたデザインです。テープを半透明にし、付箋には影をつけています。シンプルデザインなので、どんなブログでも使えますね。<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>ピンクのふせんの飾り枠をテープで貼り付けたデザインです。テープを半透明にし、付箋には影をつけています。シンプルデザインなので、どんなブログでも使えますね。<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>青色のふせんの飾り枠をテープで貼り付けたデザインです。テープを半透明にし、付箋には影をつけています。シンプルデザインなので、どんなブログでも使えますね。<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #e6f2ff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>緑色のふせんの飾り枠をテープで貼り付けたデザインです。テープを半透明にし、付箋には影をつけています。シンプルデザインなので、どんなブログでも使えますね。<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #dbffdb; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>マスキングテープ黄色のふせんの飾り枠をマスキングテープで貼り付けたデザインです。かわいいテープでインパクト大ですね。<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>ピンクのふせんの飾り枠をマスキングテープで貼り付けたデザインです。かわいいテープでインパクト大ですね。<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>青色のふせんの飾り枠をマスキングテープで貼り付けたデザインです。かわいいテープでインパクト大ですね。<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #e6f2ff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>緑色のふせんの飾り枠をマスキングテープで貼り付けたデザインです。かわいいテープでインパクト大ですね。<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #dbffdb; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><p style="margin: 0;">ここに文章</p></div><!-- ここまで付箋 --><p> </p>箇条書き入りの付箋透明テープ付箋の中身を箇条書きにした飾り枠です。箇条書きの部分でエンターを押すと、項目数が追加されます。 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p> 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p> 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #e6f2ff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p> 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #dbffdb; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>マスキングテープ 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p> 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p> 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #e6f2ff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p> 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #dbffdb; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>表題＋箇条書き入りの付箋箇条書きの前に表題をつけているので、まとめやポイントを伝えやすい飾り枠となります。透明テープここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #e6f2ff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background: #ccccbb; opacity: 0.2; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #dbffdb; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>マスキングテープここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #ffffcc; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #fff0f0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #e6f2ff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>ここに表題 箇条書き1 箇条書き2 箇条書き3<div style="background-color: #ffffff; background-image: linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%); background-size: 40px 40px; transform: rotate(3deg); width: 35%; height: 35px; margin: 0 auto -1em auto;"></div><!-- ここまで付箋テープ --><div style="background: #dbffdb; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); padding: 25px 15px 15px 15px;"><div style="margin: 0.5em 0; text-align: center;"><span style="font-size: 1.1em; font-weight: bold;">ここに表題</span></div><ul style="margin-left: 20px; padding-left: 0px;"><li style="margin-bottom: 1em;">箇条書き1</li><li style="margin-bottom: 1em;">箇条書き2</li><li style="margin-bottom: 1em;">箇条書き3</li></ul></div><!-- ここまで付箋 --><p> </p>さらに豊富なデザインありメインサイトの「アメブロメーカー」では、さらに豊富な付箋素材を用意しています。こちらも人気！▶ 【コピペで即使える】アメブロ向け付箋の飾り枠あめっくま「うまくできない」など困った方は、記事下のコメント欄から遠慮なく質問して下さいね。＼ フォローバック・いいねしてます ／囲み枠の記事一覧▶ かわいい・おしゃれな囲み枠▶ シンプルな囲み枠▶ ふんわり・ぼかした囲み枠▶ 黒板風の囲み枠▶ アメブロ向けの会話風吹き出し▶ 【素敵に変身】アメブロのカスタマイズ方法まとめアメブロ収益化・集客UPのまとめ▶ 【全部公開】アメブロのアクセスアップ・集客のコツ▶ アメトピ掲載のコツ7つが発覚！全く採用されない理由も明らかに！▶簡単！アメブロのフォロワー数を増やす3つの方法とは？▶ アメブロ用の見出しの作り方・使い方・注意点▶ 【アメブロ向けの申し込みボタン】素材＋作り方を紹介！アメブロで本格的な収益・集客を目指そう！✅ あめっくま式の特徴①アメブロ記事が資産になる②ターゲット読者を効率よく獲得③収益・集客UPする記事設計あめっくま式アメブロ攻略法の詳細はこちら⇒a{text-decoration:underline;}a,a:visited{color:#3970B5;}.toc li{margin-bottom:1em;}.toc li a{text-decoration:underline dotted;}.toc{background:linear-gradient(-45deg,transparent 25%,rgba(200,200,200,.2) 25%,rgba(200,200,200,.2) 50%,transparent 50%,transparent 75%,rgba(200,200,200,.2) 75%,rgba(200,200,200,.2)) !important;background-size:4px 4px !important;border-top:4px double rgba(200,200,200,.5);border-bottom: 4px double rgba(200,200,200,.5);padding:1em 0 0.5em 0;}.h2-midashi{color:#2e3c56;border-radius:5px;position:relative;background:#f4f0e6;padding:0.5em 0.7em;margin-bottom:1.5em;}.h2-midashi span{position:absolute;top:100%;left:30px;border:15px solid transparent;border-top:15px solid #f4f0e6;width:0;height:0;}.h3-midashi{display:inline-block;color:#2e3c56;border-left:5px solid #fca60d;border-bottom:solid 3px #d7d7d7;background:#f4f4f4;padding:0.5em 0.5em 0.4em 0.5em;margin-bottom:1.5em;}.speech{display:flex;}.speech-img{width:20%;margin-right:3px;}.speech-img p{text-align:center;margin:0;}.speech-name{font-size:12px;text-align:center;margin:0}.speech-r{display:inline-block;}.speech-content{min-height:50px;background:#f4f0e6;border-radius:12px;padding:15px;margin:0;}.speech-content p{margin:0;}.speeech-t{width:0;height:0;border-style:solid;border-width:20px 20px 20px 0;border-color:transparent #f4f0e6; transparent transparent;margin-top:20px;}.link-box{position:relative;border:2px solid #d2b48c;padding: 20px 15px 15px 15px;}.link-box div{position:absolute;top:-0.8em;left:8px;background:#fff;color:#b4886c;padding: 0 0.5em;}.link-box div p{margin:0;}.link-box p:not(:last-child){margin-bottom:1em}.link-box2{position:relative;border:2px solid #9dd3a8;padding: 20px 15px 15px 15px;}.link-box2 div{position:absolute;top:-0.8em;left:8px;background:#fff;color:#59a136;padding: 0 0.5em;}.link-box2 div p{margin:0;}.link-box2 p:not(:last-child){margin-bottom:1em}.profile{font-size:1.1em;color:#5c5c5c;text-align:center;background:#9dd3a8;padding:5px;}.profile-wrap{display:flex;flex-wrap:wrap;padding:15px;text-align:center;background:#fff;border-left:2px solid #9dd3a8;border-right:2px solid #9dd3a8;border-bottom:2px solid #9dd3a8;}.profile-left{min-width:30%;margin:0 auto;}.profile-right{min-width:70%;}.profile-right ul{margin-top:0.5em;margin-bottom:0;margin-left:0;display:inline-block;text-align:left;}.profile-right li{margin-bottom:0.5em;}.profile-right p:not(:last-child){margin-bottom:0.5em;}@media screen and (max-width:480px){.profile-wrap{padding-top:0;}.profile-right{margin:0 auto;}.profile-right ul{padding-left:15px;}}.img-double{display:flex;flex-wrap:wrap;}.img-double-inner{margin:0 auto 11px auto;text-align:center;}.img-double-copy{font-size:0.9em;}.img-double-img{margin-bottom:8px}.img-double-link{margin-bottom:24px;}/*コードbox*/.code{background:#f5f5f5;font-size:0.85em;padding:15px;}.code span{background:linear-gradient(transparent 60%, #ffd6d6 60%);}/*透明テープ*/.tape{background:#ccccbb;opacity:0.2;transform:rotate(3deg);width:35%;height:35px;margin: 0 auto -1em auto;}.tape2{background-color:#fff;background-image:linear-gradient(-45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(250,215,215,.5) 25%, transparent 25%, transparent 50%, rgba(250,215,215,.5) 50%, rgba(250,215,215,.5) 75%, transparent 75%, transparent 100%);background-size:40px 40px;transform: rotate(3deg);width:35%;height:35px;margin: 0 auto -1em auto;}/*付箋本体*/.fusen{box-shadow:4px 4px 4px rgba(0, 0, 0, 0.15);padding:25px 15px 15px 15px;margin:0 0 1.5em 0;}.yellow{background:#ffffcc;}.pink{background:#fff0f0;}.blue{background:#e6f2ff;}.green{background:#dbffdb;}.fusen ul{margin-left:20px;padding-left:0px;}.fusen li{margin-bottom:1em;}.hyodai{margin:0.5em 0;text-align:center;}.hyodai span{font-size:1.1em;font-weight:bold;}
