/* Profile SNS: YamaReco, YAMAP, Ameblo icons.
   SVG images are placed in img/common/ and used as masks.
   The mask's color comes from background-color, not from the SVG fill. */
.user_sns li.yamareco a:before,
.user_sns li.yamap a:before,
.user_sns li.ameblo a:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 26px;
  height: 26px;
  background: #666;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.user_sns li.yamareco a:before {
  -webkit-mask-image: url('../img/common/yamareco.svg');
  mask-image: url('../img/common/yamareco.svg');
}
.user_sns li.yamap a:before {
  -webkit-mask-image: url('../img/common/yamap.svg');
  mask-image: url('../img/common/yamap.svg');
}
.user_sns li.ameblo a:before {
  -webkit-mask-image: url('../img/common/ameblo.svg');
  mask-image: url('../img/common/ameblo.svg');
}
.user_sns li.yamareco a:hover:before,
.user_sns li.yamap a:hover:before,
.user_sns li.ameblo a:hover:before {
  background-color: #fff;
}