/* =========================
   B-biz シェアボタン（共通）
========================= */

.bbiz-share-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 50px auto;
  padding: 50px 0;
  width: 100%;
  text-align: center;
}

.bbiz-share-box .share-label {
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
}

/* ラベル右側の斜め線（PCのみ） */
.bbiz-share-box .share-label::after {
  content: "";
  width: 40px;
  height: 1px;
  background: #000;
  transform: rotate(20deg);
  position: absolute;
  right: -8px;
  top: -10px;
}

.bbiz-share-btn img {
  width: 32px;
  height: 32px;
}

.bbiz-share-copy {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}


/* =========================
   スマホ用（2段構成）
========================= */
@media (max-width: 768px) {

  .bbiz-share-box {
    display: grid;
    grid-template-rows: auto auto;     /* 2行 */
    grid-template-columns: repeat(4, auto); /* ← アイコン4つ分 */
    justify-content: center;
    gap: 12px 16px;
    padding: 24px 0;
  }

  /* 1行目：ラベル（横いっぱい） */
  .bbiz-share-box .share-label {
    grid-row: 1;
    grid-column: 1 / -1;   /* ← 全列にまたがせる */
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
  }

  /* 斜め線はスマホでは消す */
  .bbiz-share-box .share-label::after {
    display: none;
  }

  /* アイコンサイズ */
  .bbiz-share-btn img {
    width: 30px;
    height: 30px;
  }
	
	  /* この記事をシェアする を完全に中央へ */
  .bbiz-share-box .share-label {
    width: 100%;              /* ← 重要：横幅を持たせる */
    justify-content: center;  /* ← flex内中央寄せ */
    text-align: center;
  }
}