@charset "UTF-8";

/* ========================================
Gigya Share ※J-me SNSバー
======================================== */
#gigyaShare .jme_share {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-block: 0;
  padding-inline: 0;
}

#gigyaShare .jme_share li {
  aspect-ratio: 1/1;
  width: 32px;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin: 0 12px;
}

#gigyaShare .jme_share li:nth-child(1) {
  aspect-ratio: 200/28;
  width: 142px;
}

@media (width <= 900px) {
  #gigyaShare .jme_share li {
    width: 24px;
    margin: 0 12px;
  }
  #gigyaShare .jme_share li:nth-child(1) {
    width: 122px;
  }
}
#gigyaShare .jme_share li img.share__label {
  opacity: 0;
}

#gigyaShare .jme_share li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  overflow: hidden;
  transition: all 0.6s ease-out 0s;
}

#gigyaShare .jme_share li a img {
  opacity: 0;
}

#gigyaShare .jme_share li a:hover {
  opacity: 0.7;
}

/*J-me Label*/
#gigyaShare .jme_share li:nth-child(1) {
  background-image: url("../img/svg_common/jme_bar/share_jme_v3.svg");
}

/*LINE*/
#gigyaShare .jme_share li:nth-child(2) a {
  background-image: url("../img/svg_common/jme_bar/share_line.svg");
}

/*X*/
#gigyaShare .jme_share li:nth-child(3) a {
  background-image: url("../img/svg_common/jme_bar/share_x.svg");
}

/*Facebook*/
#gigyaShare .jme_share li:nth-child(4) a {
  background-image: url("../img/svg_common/jme_bar/share_facebook.svg");
}

/*
|
|
|
*/