（・谷・）＜下記はセミナースライド用のダミーだよ

ボキャブラリーガイド

大枠の構造

/* モジュールのヘッダ部分（タイトルやメタ情報）にあたるもの */
xxx__head {...}

/* モジュールのメイン部分にあたるもの */
xxx__body {...}

/* モジュールのフッター部分（続きを読むリンクや、メタ情報）にあたるもの */
xxx__foot {...}

マークアップ

<div class="xxx">
  <div class="xxx__head">...</div>
  <div class="xxx__body">...</div>
  <div class="xxx__foot">...</div>
</div>

包括

/* 包括する */
xxx__container { ... }

マークアップ

<div class="xxx">
  <div class="xxx__container">...</div>
</div>