【Cocoon】スタイルボックス（タブ）一覧

ボックス（タブ）

チェック

<div class="blank-box bb-tab bb-check">チェック（灰色）</div>

<div class="blank-box bb-tab bb-check bb-yellow">チェック（黄色）</div>

<div class="blank-box bb-tab bb-check bb-red">チェック（赤色）</div>

<div class="blank-box bb-tab bb-check bb-blue">チェック（青色）</div>

<div class="blank-box bb-tab bb-check bb-green">チェック（緑色）</div>

コメント

<div class="blank-box bb-tab bb-comment">コメント（灰色）</div>

<div class="blank-box bb-tab bb-comment bb-yellow">コメント（黄色）</div>

<div class="blank-box bb-tab bb-comment bb-red">コメント（赤色）</div>

<div class="blank-box bb-tab bb-comment bb-blue">コメント（青色）</div>

<div class="blank-box bb-tab bb-comment bb-green">コメント（緑色）</div>

ポイント

<div class="blank-box bb-tab bb-point">ポイント（灰色）</div>

<div class="blank-box bb-tab bb-point bb-yellow">ポイント（黄色）</div>

<div class="blank-box bb-tab bb-point bb-red">ポイント（赤色）</div>

<div class="blank-box bb-tab bb-point bb-blue">ポイント（青色）</div>

<div class="blank-box bb-tab bb-point bb-green">ポイント（緑色）</div>

ティップス

<div class="blank-box bb-tab bb-tips">ティップス（灰色）</div>

<div class="blank-box bb-tab bb-tips bb-yellow">ティップス（黄色）</div>

<div class="blank-box bb-tab bb-tips bb-red">ティップス（赤色）</div>

<div class="blank-box bb-tab bb-tips bb-blue">ティップス（青色）</div>

<div class="blank-box bb-tab bb-tips bb-green">ティップス（緑色）</div>

ヒント

<div class="blank-box bb-tab bb-hint">ヒント（灰色）</div>

<div class="blank-box bb-tab bb-hint bb-yellow">ヒント（黄色）</div>

<div class="blank-box bb-tab bb-hint bb-red">ヒント（赤色）</div>

<div class="blank-box bb-tab bb-hint bb-blue">ヒント（青色）</div>

<div class="blank-box bb-tab bb-hint bb-green">ヒント（緑色）</div>

ピックアップ

<div class="blank-box bb-tab bb-pickup">ピックアップ（灰色）</div>

<div class="blank-box bb-tab bb-pickup bb-yellow">ピックアップ（黄色）</div>

<div class="blank-box bb-tab bb-pickup bb-red">ピックアップ（赤色）</div>

<div class="blank-box bb-tab bb-pickup bb-blue">ピックアップ（青色）</div>

<div class="blank-box bb-tab bb-pickup bb-green">ピックアップ（緑色）</div>

ブックマーク

<div class="blank-box bb-tab bb-bookmark">ブックマーク（灰色）</div>

<div class="blank-box bb-tab bb-bookmark bb-yellow">ブックマーク（黄色）</div>

<div class="blank-box bb-tab bb-bookmark bb-red">ブックマーク（赤色）</div>

<div class="blank-box bb-tab bb-bookmark bb-blue">ブックマーク（青色）</div>

<div class="blank-box bb-tab bb-bookmark bb-green">ブックマーク（緑色）</div>

メモ

<div class="blank-box bb-tab bb-memo">メモ（灰色）</div>

<div class="blank-box bb-tab bb-memo bb-yellow">メモ（黄色）</div>

<div class="blank-box bb-tab bb-memo bb-red">メモ（赤色）</div>

<div class="blank-box bb-tab bb-memo bb-blue">メモ（青色）</div>

<div class="blank-box bb-tab bb-memo bb-green">メモ（緑色）</div>

ダウンロード

<div class="blank-box bb-tab bb-download">ダウンロード（灰色）</div>

<div class="blank-box bb-tab bb-download bb-yellow">ダウンロード（黄色）</div>

<div class="blank-box bb-tab bb-download bb-red">ダウンロード（赤色）</div>

<div class="blank-box bb-tab bb-download bb-blue">ダウンロード（青色）</div>

<div class="blank-box bb-tab bb-download bb-green">ダウンロード（緑色）</div>

ブレイク

<div class="blank-box bb-tab bb-break">ブレイク（灰色）</div>

<div class="blank-box bb-tab bb-break bb-yellow">ブレイク（黄色）</div>

<div class="blank-box bb-tab bb-break bb-red">ブレイク（赤色）</div>

<div class="blank-box bb-tab bb-break bb-blue">ブレイク（青色）</div>

<div class="blank-box bb-tab bb-break bb-green">ブレイク（緑色）</div>

Amazon

<div class="blank-box bb-tab bb-amazon">Amazon（灰色）</div>

<div class="blank-box bb-tab bb-amazon bb-yellow">Amazon（灰色）</div>

<div class="blank-box bb-tab bb-amazon bb-red">Amazon（赤色）</div>

<div class="blank-box bb-tab bb-amazon bb-blue">Amazon（青色）</div>

<div class="blank-box bb-tab bb-amazon bb-green">Amazon（緑色）</div>