@charset "UTF-8";


.share-button {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


/* -------------------------
 * ヘッダー内スマホ非表示範囲
 * ------------------------- */
@media screen AND (max-width:1125px) {
  .share-button {
    gap: 10px;
  }
}


.share-button li {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 85%;
  color: #fff;
  transition: .3s all;
}


.share-button li:hover {
  opacity: .6;
}


.share-button li a {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  opacity: 1;
}


.share-button span {
  display: block;
  line-height: 1;
  color: #fff;
}


.share-button li.x {
  background-color: #000;
}


.share-button li.fb {
  background-color: #1877f2;
}


.share-button li.line {
  background-color: #00B900;
}