/*
 Theme Name: Kadence Child
 Template: kadence
*/



/* ====== SoshiG 見出しアンダーラインアニメーション ====== */
.sg-underline {
  position: relative;
  display: block;      /* ← inline-block から block に変更 */
  width: 100%;         /* ← 親（Column）の幅いっぱい */
  padding-bottom: 0.2em;
  --underline-scale: 0;
}

.sg-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;         /* ← .sg-underline の幅 = Column 幅 */
  height: 1px;
  background-color: currentColor;
  transform-origin: left center;
  transform: scaleX(var(--underline-scale));
}