/*
 * インラインSVGアイコン
 *
 * Font Awesome 4.7.0（CDN配信のCSS 31KB + Webフォント）を置き換えたもの。
 * マークアップは functions.php の sokudan_icon_svg() が出力する。
 *
 * width/height を 1em にしているのは Font Awesome と同じ「font-size でサイズを決める」
 * 挙動を保つため。既存のCSSは軒並み font-size でアイコンサイズを指定しているので、
 * ここを px にすると呼び出し側を全部書き換える必要が出る。
 */
.sd-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  /* ベースライン合わせ。Font Awesome のフォント由来の下がり幅に相当する */
  vertical-align: -0.125em;
}