@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.btn-twitter, .btn-facebook {
  display: inline-block;
  padding: 4px 8px 3px 10px;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}

.btn-twitter:before, .btn-facebook:before {
  transform: translateY(-1px);
  display: inline-block;
  content: "";
  margin-right: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}

.btn-twitter {
  background-color: #000;
}

.btn-twitter:before {
  width: 17px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' fill='none'/%3E%3Cpath d='M17.9686 14.1623L26.7065 4H24.6358L17.0488 12.8238L10.9891 4H4L13.1634 17.3432L4 28H6.07069L14.0827 18.6817L20.4822 28H27.4714L17.9681 14.1623H17.9686ZM15.1326 17.4607L14.2041 16.132L6.81679 5.55961H9.99723L15.9589 14.0919L16.8873 15.4206L24.6368 26.5113H21.4564L15.1326 17.4612V17.4607Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 17px 14px;
}

.btn-twitter:hover {
  background-color: #000;
}

.btn-facebook {
  background: #3378f2;
}

.btn-facebook:before {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233px%22%20height%3D%2233px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M32.278%2C16.345%20C32.278%2C7.557%2025.156%2C0.432%2016.370%2C0.432%20C7.584%2C0.432%200.461%2C7.557%200.461%2C16.345%20C0.461%2C24.287%206.279%2C30.870%2013.884%2C32.63%20L13.884%2C20.944%20L9.845%2C20.944%20L9.845%2C16.345%20L13.884%2C16.345%20L13.884%2C12.839%20C13.884%2C8.851%2016.259%2C6.648%2019.893%2C6.648%20C21.634%2C6.648%2023.454%2C6.959%2023.454%2C6.959%20L23.454%2C10.875%20L21.448%2C10.875%20C19.472%2C10.875%2018.856%2C12.101%2018.856%2C13.360%20L18.856%2C16.345%20L23.268%2C16.345%20L22.562%2C20.944%20L18.856%2C20.944%20L18.856%2C32.63%20C26.461%2C30.870%2032.278%2C24.287%2032.278%2C16.345%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 16px 16px;
}

/* ▼モバイルのみ付け足すデザイン */
/* ▼タブレット用デザインとして付け足すデザイン */
/* ▼PC用デザインとして付け足すデザイン */

/*# sourceMappingURL=../source-maps/common/sns.css.map */