タブ見出しボックス（1/2）
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-02223 / cocoon-blocks/tab-caption-box-1 基本形
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02224 / cocoon-blocks/tab-caption-box-1 content：content="短いサンプル"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02225 / cocoon-blocks/tab-caption-box-1 content：content="春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02226 / cocoon-blocks/tab-caption-box-1 icon：icon="fa-check"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02227 / cocoon-blocks/tab-caption-box-1 icon：icon="fa-star"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02228 / cocoon-blocks/tab-caption-box-1 icon：icon="fa-lightbulb-o"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02229 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="key-color"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02230 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02231 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="pink"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02232 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="purple"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02233 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="deep"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02234 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="indigo"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02235 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02236 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="light-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02237 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="cyan"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02238 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="teal"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02239 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02240 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="light-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02241 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="lime"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02242 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02243 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="amber"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02244 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02245 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="deep-orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02246 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="brown"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02247 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="light-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02248 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02249 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="dark-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02250 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="cocoon-black"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02251 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="cocoon-white"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02252 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="watery-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02253 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="watery-yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02254 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="watery-red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02255 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="watery-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02256 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="ex-a"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02257 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="ex-b"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02258 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="ex-c"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02259 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="ex-d"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02260 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="ex-e"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02261 / cocoon-blocks/tab-caption-box-1 backgroundColor：backgroundColor="ex-f"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02262 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="key-color" / borderColor="key-color"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02263 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="red" / borderColor="red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02264 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="pink" / borderColor="pink"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02265 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="purple" / borderColor="purple"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02266 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="deep" / borderColor="deep"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02267 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="indigo" / borderColor="indigo"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02268 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="blue" / borderColor="blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02269 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="light-blue" / borderColor="light-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02270 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="cyan" / borderColor="cyan"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02271 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="teal" / borderColor="teal"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02272 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="green" / borderColor="green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02273 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="light-green" / borderColor="light-green"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02274 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="lime" / borderColor="lime"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02275 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="yellow" / borderColor="yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02276 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="amber" / borderColor="amber"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02277 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="orange" / borderColor="orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02278 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="deep-orange" / borderColor="deep-orange"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02279 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="brown" / borderColor="brown"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02280 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="light-grey" / borderColor="light-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02281 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="grey" / borderColor="grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02282 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="dark-grey" / borderColor="dark-grey"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02283 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="cocoon-black" / borderColor="cocoon-black"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02284 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="cocoon-white" / borderColor="cocoon-white"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02285 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="watery-blue" / borderColor="watery-blue"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02286 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="watery-yellow" / borderColor="watery-yellow"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
sample-02287 / cocoon-blocks/tab-caption-box-1 プリセットの前景色：textColor="watery-red" / borderColor="watery-red"
春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。
