#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*このwidget全体の設定*/
.link-btn-baloon-wrap {
  /* 寄せ方向指定 */
  text-align: center;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3 .link-btn-baloon {
  /* PC表示全体の文字の大きさ */
  font-size: 1.2em;
  position: relative;
  /*文字の飾り*/
  text-decoration: none;
  text-align: center;
  display: inline-block;
  /*上外側の余白（吹き出し分）*/
  margin-top: 2em;
}

/*吹き出し部分*/
@media (max-width: 619px) {
  #sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3 .link-btn-baloon {
    /* 文字の大きさ */
    font-size: 4vw;
  }
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*吹き出し部分*/
.link-btn-baloon .baloon {
  /*文字の太さ*/
  font-weight: 700;
  /*文字の色*/
  color:  #ff0000;
  position: absolute;
  /*ボタンの上側より-2.2em上に配置*/
  top: -2.2em;
  /*センタリング*/
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  /*背景色*/
  background: #fff;
  /*影｜水平方向｜垂直方向｜ぼかし具合｜色｜*/
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  /*角丸*/
  border-radius: 1.5em;
  /*内側の余白｜上下余白｜左右余白｜*/
  padding: 0.6em 1em;
  /*折り返しをしない*/
  white-space: nowrap;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*吹き出しの三角部分*/
.link-btn-baloon .baloon::before {
  content: "";
  position: absolute;
  /*縦の表示位置（上基準）*/
  top: 100%;
  /*横の表示位置（左基準）*/
  left: 50%;
  margin-left: -0.5em;
  /*三角形部分の大きさ、色*/
  border: 0.5em solid transparent;
  border-top: 0.5em solid #fff;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3 .link-btn-baloon .baloon .count-text {
  font-size: 1em;
  /*外側の余白｜上余白｜左右余白｜下余白｜*/
  margin: 0 0 -0.4em;
  display: inline-block;
  /*横幅*/
  width: 1em;
  /*高さ*/
  height: 1.2em;
  /*数字の画像*/
  background: url(https://style-japan.net/number.png) #000 no-repeat;
  /*領域に合わせて表示*/
  background-size: cover;
  background-position: top left 90%;
  /*線｜太さ｜線種｜色｜*/
  border: 4px solid #000;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*万円部分*/
.link-btn-baloon .baloon .yen {
  /*文字の大きさ*/
  font-size: 0.8em;
  /*色*/
  color: #000;
  /*位置を親要素の下に揃える*/
  vertical-align: sub;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*ボタン部分*/
.link-btn-baloon .btn {
  /*文字の大きさ*/
  font-size: 1.8em;
  /*文字の太さ*/
  font-weight: 700;
  display: inline-block;
  box-sizing: border-box;
  /*文字の色*/
  color: #fff;
  /*グラデーション表示できなかった時の単色背景色*/
  background: #3fb618;
  /*背景色（グラデーション）*/
  background: linear-gradient(to bottom, #3fb618 0%, #279d0c 100%);
  /*ボタンの下の厚み部分｜厚み｜線種｜色｜*/
  border-bottom: 5px solid #1e6908;
  /*影｜水平方向｜垂直方向｜ぼかし具合｜色｜*/
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  /*hover, 押下時の動きの速さ*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*内側の余白｜上余白｜左右余白｜下余白｜*/
  padding: 0.8em 1.2em 0.6em;
  /*角丸*/
  border-radius: 0.5em;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*ボタン内矢印部分*/
.link-btn-baloon .btn::before {
  content: "";
  display: inline-block;
  /*横幅*/
  width: 1em;
  /*高さ*/
  height: 1em;
  /*外側の余白｜上余白｜右余白｜下余白｜左余白｜*/
  margin: 0 0.4em -0.1em 0;
  /*矢印画像*/
  background: url(https://style-japan.net/arrow.png) center center no-repeat;
  background-size: contain;
}

#sb-part-8168.sb-custom-part-lu9iuqq37mlbmeazle3

/*ボタンhover時*/
.link-btn-baloon:hover .btn {
  /*上側余白（ボタンが沈む分の余白）*/
  margin-top: 3px;
  /*ボタンの下の厚み部分｜厚み（沈んで表示されてる厚み）｜線種｜色｜*/
  border-bottom: 2px solid #1e6908;
}