フチ（囲み）

テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#ffa400（6％）、フチ囲み（#ffa400）、点線マーカー余白（#ffa400）、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#ffa400)
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできます
フチ囲み（#ff3a49）、余白（上下左右16）
ユーザーが色指定すると変更される部分：フチ(#ff3a49)


 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#b4ada9（15%、1%）、フチ囲み（#b4ada9）、破線マーカー（#b4ada9）、文字白フチ。余白（上下左右16）
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#b4ada9)
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#38ba00（10％、2％）、フチ囲み（#38ba00）文字白フチ、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景、フチ(#38ba00)

 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#00bfff（2%）、フチ囲み（#00bfff）、破線マーカー（#00bfff）、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#00bfff)
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー（#ffffff）、フチ囲み（#fff77e）、点線マーカー（#fff77e）、余白（上下左右16）
ユーザーが色指定すると変更される部分：フチ、マーカー(#fff77e)
※背景#ffffffは固定
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#38ba00（10％）#ffffff（100％)、フチ囲み（#38ba00）、影付き、余白（上下左右16）。文字白フチ。
ユーザーが色指定すると変更される部分：背景、フチ(#38ba00)
※背景#ffffffは固定
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#ffa400（15%）#ffffff（100％）、　フチ囲み（#ffa400）、余白（上下左右16）。
ユーザーが色指定すると変更される部分：背景、フチ(#ffa400)
※背景#ffffffは固定
 

フチ（上）

テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#f4dda5（25%）、フチ上（#f4dda5）、破線マーカー（#f4dda5）、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#f4dda5)
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#38ba00（5％）、フチ上（#38ba00）、影付き、点線マーカー（#38ba00）、余白（上下左右16）。
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#38ba00)
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#504946（３％、１％）、フチ上（#504946）、影付き、点線マーカー（#504946）、文字白フチ。余白（上下左右16）。
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#504946)
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#00a9ce（8％、１％）、フチ上（#00a9ce）、影付き、文字白フチ、余白（上下左右16）。
ユーザーが色指定すると変更される部分：背景、フチ(#00a9ce)
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#ff3a49（8％）、フチ上（#ff3a49）、点線マーカー（#ff3a49）、文字白フチ、余白（上下左右16）。
ユーザーが色指定すると変更される部分：背景、フチ、マーカー(#ff3a49)
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#40e0d0（10％、４％）、フチ上（#40e0d0）、影付き、文字白フチ、余白（上下左右16）。
ユーザーが色指定すると変更される部分：背景、フチ(#40e0d0)
 

フチなし・傾きあり

テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#f4dda5（100％、25％）、影あり、傾きあり、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景(#f4dda5)

 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景パターン#dcdcdc（40％、5％）、影あり、傾きあり、余白(上下左右16）
ユーザーが色指定すると変更される部分：背景(#dcdcdc)

 

白文字

テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#ff3a49（100％）、フチ上（#ffffff）、文字（#ffffff）、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景(#ff3a49)
※フチ、文字色（#ffffff）は固定
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#00a9ce（100％）、フチ囲み（#ffffff）、文字（#ffffff）、余白(上下左右16）
ユーザーが色指定すると変更される部分：背景(#00a9ce)
※フチ、文字色（#ffffff）は固定
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#38ba00（100％）、フチ上（#ffffff）、文字（#ffffff）、余白（上下左右16）
ユーザーが色指定すると変更される部分：背景(#38ba00)
※フチ、文字色（#ffffff）は固定
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景カラー#ffa400（100％）、フチ囲み（#ffffff）、影あり、文字（#ffffff）、余白(上下左右16）
ユーザーが色指定すると変更される部分：背景(#ffa400)
※フチ、文字色（#ffffff）は固定
 

背景フリー画像より設定（便箋、手紙風　写真ACより）
※フリー画像で便箋に線や穴の柄があるものは、コンテナ幅を変更するとずれるため不可

テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像
余白（上下左右24）、フォント（ぶどう）、点線マーカー（#f4dda5）、コンテナ幅変更に対応。
ユーザーが色指定すると変更される部分：マーカー（#f4dda5）
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像
余白（上下右24、左48）、フォント（グレコ）、点線マーカー（#7b6c3a）、コンテナ幅変更に対応（模様サイズ変動あり）。
ユーザーが色指定すると変更される部分：マーカー（#7b6c3a）
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●

背景フリー画像、穴は白丸（#ffffff）で表現（コンテナ幅によっては手動調整）、余白（上8、下左右24）、フォント（ヒラギノUD角ゴStdN W3）、破線マーカー（#bbbcde）、コンテナ幅変更に対応。
ユーザーが色指定すると変更される部分：マーカー（#bbbcde）
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像
余白（上下左右24）、フォント（マティスProL)、フォントカラー（#ffffff）、点線マーカー（#ffffff）、コンテナ幅変更に対応。
ユーザーが色指定すると変更される部分：フォントカラー、マーカー（#ffffff）
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像、余白（上下左右24）、フォント（ヒラギノ丸ゴStdN W3)、フォントカラー(#007bbb)
、白フチ、点線マーカー(#007bbb)、コンテナ幅変更に対応（模様のサイズ変動あり）。
ユーザーが色指定すると変更される部分：フォントカラー、マーカー（#007bbb）
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像、余白（上下左右24）、フォント（ヒラギノ丸ゴStdN W3)、フォントカラー(#007bbb)
、白フチ、点線マーカー(#007bbb)、コンテナ幅変更に対応（模様サイズ変動あり）。
ユーザーが色指定すると変更される部分：フォントカラー、マーカー（#007bbb）
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像、余白（上下左右24）。フォント（ヒラギノ丸ゴStdN W3)、フォントカラー(#006e54)、白フチ、コンテナ幅変更に対応。
ユーザーが色指定すると変更される部分：フォントカラー(#006e54)
 
テキストパーツを追加した状態。
この文章はダミーテキストです。テキストをクリックすることで編集が可能です。フォントの太さやサイズ変更、カラー変更もできます。左揃え、中央揃え、右揃えなどの位置調整もできますので、サイトに合わせて変更してください。
背景フリー画像、余白（上下左右24）、フォント（ヒラギノ丸ゴStdN W3)。フォントカラー(#d9333f)、白フチ、コンテナ幅変更に対応（模様サイズ変動あり）。
ユーザーが色指定すると変更される部分：フォントカラー(#d9333f）