.header-sns a:hover, .header-sns a:active, .header-sns span:hover, .header-sns span:active {
  opacity: 1;
}
.header-sns-color a, .header-sns-color span, .header-sns-monotone a, .header-sns-monotone span, .header-sns-round a, .header-sns-round span {
  transition: transform 0.1s;
}
.header-sns-color a:hover, .header-sns-color a:active, .header-sns-color span:hover, .header-sns-color span:active, .header-sns-monotone a:hover, .header-sns-monotone a:active, .header-sns-monotone span:hover, .header-sns-monotone span:active, .header-sns-round a:hover, .header-sns-round a:active, .header-sns-round span:hover, .header-sns-round span:active {
  transition: transform 0.3s;
}
.header-bar .header-sns-color a:hover, .header-bar .header-sns-color a:active, .header-bar .header-sns-color span:hover, .header-bar .header-sns-color span:active, .header-bar .header-sns-monotone a:hover, .header-bar .header-sns-monotone a:active, .header-bar .header-sns-monotone span:hover, .header-bar .header-sns-monotone span:active, .header-bar .header-sns-round a:hover, .header-bar .header-sns-round a:active, .header-bar .header-sns-round span:hover, .header-bar .header-sns-round span:active {
  transform: translateY(-2px);
}
.header-main .header-sns-color a:hover, .header-main .header-sns-color a:active, .header-main .header-sns-color span:hover, .header-main .header-sns-color span:active, .header-main .header-sns-monotone a:hover, .header-main .header-sns-monotone a:active, .header-main .header-sns-monotone span:hover, .header-main .header-sns-monotone span:active, .header-main .header-sns-round a:hover, .header-main .header-sns-round a:active, .header-main .header-sns-round span:hover, .header-main .header-sns-round span:active {
  transform: translateY(-4px);
}
.header-sns-square a .bx, .header-sns-square a svg, .header-sns-square span .bx, .header-sns-square span svg {
  transition: transform 0.1s;
}
.header-sns-square a:hover .bx, .header-sns-square a:hover svg, .header-sns-square a:active .bx, .header-sns-square a:active svg, .header-sns-square span:hover .bx, .header-sns-square span:hover svg, .header-sns-square span:active .bx, .header-sns-square span:active svg {
  transform: scale(1.2);
  transition: transform 0.3s;
}

.flexible-contents-item.bg-image > a {
  transition: transform 0.35s;
}
.flexible-contents-item.bg-image > a:hover, .flexible-contents-item.bg-image > a:active {
  opacity: 1;
}
.flexible-contents-item.bg-image > a:hover, .flexible-contents-item.bg-image > a:active {
  transform: scale(1.1);
}

.archive-item {
  transition: transform 0.1s;
}
.archive-item:hover, .archive-item:active {
  transform: scale(1.01);
  transition: transform 0.3s;
}
.archive-item-inner:hover, .archive-item-inner:active {
  opacity: 1;
}

.widget_nsd_profile .sns a, .single-author-sns a {
  transition: transform 0.1s;
}
.widget_nsd_profile .sns a:hover, .widget_nsd_profile .sns a:active, .single-author-sns a:hover, .single-author-sns a:active {
  opacity: 1;
}
.widget_nsd_profile .sns a:hover, .widget_nsd_profile .sns a:active, .single-author-sns a:hover, .single-author-sns a:active {
  transform: translateY(-3px);
  transition: transform 0.3s;
}

.ns-button-gray-large:hover, .ns-button-gray-large:active,
.ns-button-gray-medium:hover,
.ns-button-gray-medium:active,
.ns-button-gray-small:hover,
.ns-button-gray-small:active,
.ns-button-gray:hover,
.ns-button-gray:active {
  background-color: #f5f5f5;
}

.ns-color-button-hover-style:hover, .ns-color-button-hover-style:active,
.ns-button-color-large:hover,
.ns-button-color-large:active,
.ns-button-color-medium:hover,
.ns-button-color-medium:active,
.ns-button-color-small:hover,
.ns-button-color-small:active,
.ns-button-color:hover,
.ns-button-color:active {
  background-color: var(--ns-button-color);
}

.ns-button-border-large:hover, .ns-button-border-large:active,
.ns-button-border-medium:hover,
.ns-button-border-medium:active,
.ns-button-border-small:hover,
.ns-button-border-small:active,
.ns-border-button-hover-style:hover,
.ns-border-button-hover-style:active {
  border-color: var(--ns-button-color);
  color: var(--ns-button-color);
}

.ns-button-border-large:hover, .ns-button-border-large:active,
.ns-button-border-medium:hover,
.ns-button-border-medium:active,
.ns-button-border-small:hover,
.ns-button-border-small:active,
.ns-button-border:hover,
.ns-button-border:active,
button:hover,
button:active,
input[type="button"]:hover,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:active,
.comment-reply-link:hover,
.comment-reply-link:active {
  border-color: var(--ns-button-color);
  color: var(--ns-button-color);
}

.comment-reply-link,
.ns-color-button-hover-style,
.ns-button-color-large,
.ns-button-color-medium,
.ns-button-color-small,
.ns-button-color,
.ns-button-border-large,
.ns-button-border-medium,
.ns-button-border-small,
.ns-button-border,
.ns-border-button-hover-style,
.ns-button-gray-large,
.ns-button-gray-medium,
.ns-button-gray-small,
.ns-button-gray,
.ns-button-custom-color,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.comment-form .form-submit input[type="submit"] {
  transition: transform 0.1s;
}
.comment-reply-link:hover, .comment-reply-link:active,
.ns-color-button-hover-style:hover,
.ns-color-button-hover-style:active,
.ns-button-color-large:hover,
.ns-button-color-large:active,
.ns-button-color-medium:hover,
.ns-button-color-medium:active,
.ns-button-color-small:hover,
.ns-button-color-small:active,
.ns-button-color:hover,
.ns-button-color:active,
.ns-button-border-large:hover,
.ns-button-border-large:active,
.ns-button-border-medium:hover,
.ns-button-border-medium:active,
.ns-button-border-small:hover,
.ns-button-border-small:active,
.ns-button-border:hover,
.ns-button-border:active,
.ns-border-button-hover-style:hover,
.ns-border-button-hover-style:active,
.ns-button-gray-large:hover,
.ns-button-gray-large:active,
.ns-button-gray-medium:hover,
.ns-button-gray-medium:active,
.ns-button-gray-small:hover,
.ns-button-gray-small:active,
.ns-button-gray:hover,
.ns-button-gray:active,
.ns-button-custom-color:hover,
.ns-button-custom-color:active,
button:hover,
button:active,
input[type="button"]:hover,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:active,
.comment-form .form-submit input[type="submit"]:hover,
.comment-form .form-submit input[type="submit"]:active {
  transform: scale(1.02);
  transition: transform 0.3s;
}