/* ① 既存の請求先情報見出し（クラス無し）だけを隠す */
.woocommerce-billing-fields > h3:not(.custom-billing-heading) {
  display: none !important;
}

/* ② カスタム見出し＋ボタンを flex レイアウトで横並びに */
.custom-billing-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;

}

/* ③ トグルボタンのスタイル */
.toggle-billing-info {
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 0.9em;
  cursor: pointer;
  transition: background-color .2s;
}
.toggle-billing-info:hover {
  background-color: rgba(0,0,0,0.05);
}

/* （必要に応じて）フィールド全体の余白調整 */
.woocommerce-billing-fields__field-wrapper {
  margin-top: 0.5em;
}


/* 親コンテナを Flex に */
.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;       /* 狭い画面時は折返し */
  gap: 1rem;             /* フィールド間のスペース */
}

/* form-row-first / form-row-last を等分割 */
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last {
  flex: 1 1 45%;         /* 幅を45%起点で自動調整 */
  min-width: 140px;      /* 最小幅を指定 */
}