@charset "UTF-8";

.c-share-button__list {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.c-share-button__list { margin:-5px 0 0 -5px; }
.c-share-button__item { cursor: pointer; margin:5px 0 0 5px; }

.c-share-button__item-link {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  color:#fff; border-radius: 2px; width:100%; height:100%;
}

.c-share-button--monochrome { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgb(0 0 0 / 3%); }
.c-share-button--monochrome:not(:hover) { color:#000; background:#fafafa; }

.c-share-button--twitter, .c-share-button--monochrome.c-share-button--twitter:hover { background-color: #000; }
.c-share-button--twitter:hover { background-color: #222; }
.c-share-button--facebook, .c-share-button--monochrome.c-share-button--facebook:hover { background-color: #35629a; }
.c-share-button--facebook:hover { background-color: #1f3669; }
.c-share-button--hatena, .c-share-button--monochrome.c-share-button--hatena:hover { background-color: #3c7dd1; }
.c-share-button--hatena:hover { background-color: #0270ac; }
.c-share-button--pocket, .c-share-button--monochrome.c-share-button--pocket:hover { background-color: #ee4056; }
.c-share-button--pocket:hover { background-color: #c53648; }
.c-share-button--rss, .c-share-button--monochrome.c-share-button--rss:hover { background-color: #ffb53c; }
.c-share-button--rss:hover { background-color: #e09900; }
.c-share-button--feedly, .c-share-button--monochrome.c-share-button--feedly:hover { background-color: #6cc655; }
.c-share-button--feedly:hover { background-color: #5ca449; }
.c-share-button--pinterest, .c-share-button--monochrome.c-share-button--pinterest:hover { background-color: #d4121c; }
.c-share-button--pinterest:hover { background-color: #a42f35; }

.c-share-button--line, .c-share-button--monochrome.c-share-button--line:hover { background:#00B900; }
.c-share-button--line:before { font-family: "design_plus"; content:'\e909'; font-size:16px; top:0px; }
.c-share-button--line:hover { background-color: #009100; }

.c-share-button--note { background:#fff; border:1px solid #ddd; color:#000; box-sizing:content-box; top: -1px; }
.c-share-button--note:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; top:0px;
}
.c-share-button__item-link.c-share-button--note:hover { background-color:#eee; color:#000; }
.c-share-button--monochrome.c-share-button--note:hover { background-color:#000; color:#fff; }
.c-share-button--monochrome.c-share-button--note:hover:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; top:0px;
}
.c-share-button--threads, .c-share-button--monochrome.c-share-button--threads:hover { background-color: #000; }
.c-share-button--threads:hover { background-color: #666; }
.c-share-button--threads:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 1px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}


.c-share-icon {
  font-size:1.3em;
  font-family: "design_plus"; line-height: 1; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.c-share-button__label { margin-left:5px; }

/* hover */
@media (hover: hover) and (pointer: fine) {
  .c-share-button__item:hover .c-share-button__item-link:not(.c-share-button--monochrome) { transform:translateY(2px); }
  .c-share-button__item-link:hover { color:#fff; }
}

/* type1, type2 */
.c-share-button--type1 .c-share-button__item, .c-share-button--type2 .c-share-button__item {
  width:80px; height:30px; font-size:12px;
}
@media (max-width: 767px) {
  .c-share-button--type1, .c-share-button--type2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .c-share-button--type1 .c-share-button__item, .c-share-button--type2 .c-share-button__item { width:30px; }
  .c-share-button--type1 .c-share-button__label, .c-share-button--type2 .c-share-button__label { display:none; }
}

/* type3, type4 */
.c-share-button--type3, .c-share-button--type4 { margin: -10px 0 0 -10px; }
.c-share-button--type3 .c-share-button__item, .c-share-button--type4 .c-share-button__item {
  width:calc(25% - 10px); height:40px; font-size:14px; margin:10px 0 0 10px;
}
@media (max-width: 599px) {
  .c-share-button--type3 .c-share-button__item, .c-share-button--type4 .c-share-button__item {
    width:calc(50% - 10px);
  }

}

/* type5 */
.c-share-button--type5 { margin:-5px 0 0 -10px; }
.c-share-button--type5 li { margin:5px 0 0 10px; }
/* Threads（公式ボタンがないため独自ボタンを表示） */
.c-share-button--type5 .threads_button a { display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 8px; border-radius:3px; background:#000; color:#fff; font-size:11px; text-decoration:none; }
.c-share-button--type5 .threads_button a:before { content:''; display:inline-block; width:12px; height:12px; background-color:#fff; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161'/%3E%3C/svg%3E"); -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; -webkit-mask-position:center; }