@font-face {
  font-family: "monoIcon";
  src: url(https://s.yimg.jp/images/finance/cowry/font/monoIcon1.26.woff2) format("woff2"),url(https://s.yimg.jp/images/finance/cowry/font/monoIcon1.26.woff) format("woff");
  font-display: block;
}
.MonoIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "monoIcon";
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: none;
  text-transform: normal;
  white-space: nowrap;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.MonoIcon::before {
  content: attr(data-icon-name)
}
.SnsActions {
  display: flex;
  margin-top: 9px;
  justify-content: center;
}
.SnsActions__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px)
}
.SnsActions__items {
  display: flex;
}
.SnsActions__item:not(:first-child) {
  margin-left: 12px
}
.SnsActions .SnsActions__button {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 32px;
  vertical-align: top;
  text-decoration: none;
}
.SnsActions .SnsActions__button::before {
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  width: 36px;
  height: 36px;
  content: ""
}
@media (hover:hover)and (pointer:fine) {
  .SnsActions .SnsActions__button:hover {
    text-decoration: none;
    opacity: .75
  }
}

.SnsActions__button--facebook .SnsActions__icon {
  font-size: 40.4210526316px;
  color: #1877f2
}
.SnsActions__button--twitter .SnsActions__icon {
  font-size: 40.4210526316px;
  color: #1d9bf0
}
.SnsActions__button--line .SnsActions__icon {
  font-size: 40.4210526316px;
  color: #00b900
}
.SnsActions__button--socialX .SnsActions__icon {
  font-size: 40.4210526316px;
  color: #000
}