[add] figureとfigcaptionのようなキャプションコンポーネントを追加

[manabuyasuda]

.p-figure {
}

.p-figure__image {

}

.p-figure__caption-top {
  margin-bottom: 0.5em;
}

.p-figure__caption-bottom {
  margin-top: 0.5em;
}

[manabuyasuda]

キャプションの最低幅は読みやすさを考慮して20emとする。 http://terkel.jp/archives/2015/08/line-length/

• 画像が20em以下であれば、画像は小さくなるがキャプションは20emを上限とする。
• 画像が20em以上であれば、画像は実寸（20emを超える）でキャプションは画像の横幅に合わせて伸縮する。

[manabuyasuda]

emはデザインを決めるときにわかりにくいので、min-width: 280px;とした。280pxとしておけば、ほとんどの場合問題はない。