【Cocoon】スタイルボックス（アイコン・案内・白抜き）一覧

ボックス（アイコン）

<div class="information-box common-icon-box">補足情報(i)</div>

<div class="question-box common-icon-box">補足情報(?)</div>

<div class="alert-box common-icon-box">注意喚起(!)</div>

<div class="memo-box common-icon-box">メモ</div>

<div class="comment-box common-icon-box">コメント</div>

<div class="ok-box common-icon-box">OK</div>

<div class="ng-box common-icon-box">NG</div>

<div class="good-box common-icon-box">GOOD</div>

<div class="bad-box common-icon-box">BAD</div>

<div class="profile-box common-icon-box">プロフィール</div>

ボックス（案内）

<div class="primary-box">プライマリー（濃い水色）</div>

<div class="secondary-box">セカンダリー（濃い灰色）</div>

<div class="success-box">サクセス（薄い緑色）</div>

<div class="info-box">インフォ（薄い青色）</div>

<div class="warning-box">ワーニング（薄い黄色）</div>

<div class="danger-box">デンジャー（薄い赤色）</div>

※デンジャー（薄い赤色）で囲っています

<div class="light-box">ライト（白色）</div>

<div class="dark-box">ダーク（暗い灰色）</div>

ボックス（白抜き）

<div class="blank-box">灰色</div>

<div class="blank-box bb-yellow">黄色</div>

<div class="blank-box bb-red">赤色</div>

<div class="blank-box bb-blue">青色</div>

<div class="blank-box bb-green">緑色</div>