可変型の正方形を%表記で作る方法(レスポンシブ)
http://tsudoi.org/weblog/?p=2949
.herf_box{ display: inline-block; width: 50%; height: 0; padding: 25% 0; }