/* ==========================================================
   サイト全体向けの小さな上書きCSS(トップページ限定ではない)
   ========================================================== */

/* 旧Twitterの鳥アイコンを、現在のXロゴ(✕マーク)の形に置き換える。
   テーマ同梱のアイコンフォントにXロゴが存在しないため、
   グリフの文字を消し、SVGマスクで形状だけ差し替える。
   周囲の丸背景色・配置・サイズなど既存デザインには触れない。 */
.icon-twitter:before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjkwMSAxLjE1M2gzLjY4bC04LjA0IDkuMTlMMjQgMjIuODQ2aC03LjQwNmwtNS44LTcuNTg0LTYuNjM4IDcuNTg0SC40NzRsOC42LTkuODNMMCAxLjE1NGg3LjU5NGw1LjI0MyA2LjkzMlpNMTcuNjEgMjAuNjQ0aDIuMDM5TDYuNDg2IDMuMjRINC4yOThaIi8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjkwMSAxLjE1M2gzLjY4bC04LjA0IDkuMTlMMjQgMjIuODQ2aC03LjQwNmwtNS44LTcuNTg0LTYuNjM4IDcuNTg0SC40NzRsOC42LTkuODNMMCAxLjE1NGg3LjU5NGw1LjI0MyA2LjkzMlpNMTcuNjEgMjAuNjQ0aDIuMDM5TDYuNDg2IDMuMjRINC4yOThaIi8+PC9zdmc+");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 130%;
  mask-size: 130%;
}

/* 丸背景アイコン(メニューパネル・シェアボタン等)では、
   中央寄せと十分な大きさを確保する */
.menuBtn__naviLink.icon-twitter:before,
.archiveHead__slink.icon-twitter:before,
.socialList__link.icon-twitter:before,
.profile__link.icon-twitter:before,
.snsFooter__link.icon-twitter:before {
  width: 100%;
  height: 100%;
}