/* 離脱ポップアップ（LINEで無料診断）共有スタイル。lp07 / soudan / yoyaku で共有。
   line-popup.js が .is-open を付与したときのみ表示。角丸パネル＋右上×、
   背景クリエイティブ下部の余白に LINE ボタンを重ねる。 */
.line-popup { display: none; position: fixed; inset: 0; z-index: 10000; }
.line-popup.is-open { display: block; }
.line-popup__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); }
.line-popup__panel {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: min(92%, 520px); border-radius: 16px; overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}
.line-popup__art { margin: 0; display: block; }
.line-popup__art img { display: block; width: 100%; height: auto; }
/* 背景下部の余白に重ねる LINE ボタン */
.line-popup__cta {
  position: absolute; left: 50%; bottom: 6%; transform: translateX(-50%);
  width: 84%; display: block; text-decoration: none;
}
.line-popup__cta img { display: block; width: 100%; height: auto; }
.line-popup__close {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, 0.92); color: #333;
  font-size: 20px; line-height: 34px; text-align: center; cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
body.line-popup-open { overflow: hidden; }