/* ==========================================================================
   Components - 広告枠
   ========================================================================== */

.pb-ad {
  margin: var(--pb-space-8) 0;
  text-align: center;
}

.pb-ad-label {
  display: block;
  font-size: var(--pb-font-size-xs);
  color: var(--pb-text-muted);
  margin-bottom: var(--pb-space-2);
  letter-spacing: 0.05em;
}

.pb-ad-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pb-ad-content img {
  max-width: 100%;
  height: auto;
}

/* ===== 位置別調整 ===== */
.pb-ad-before-content {
  margin-top: var(--pb-space-4);
  margin-bottom: var(--pb-space-8);
}

.pb-ad-mid-content {
  margin: var(--pb-space-10) 0;
  padding: var(--pb-space-6) 0;
  border-top: 1px solid var(--pb-border-light);
  border-bottom: 1px solid var(--pb-border-light);
}

.pb-ad-after-content {
  margin-top: var(--pb-space-10);
  margin-bottom: var(--pb-space-6);
  padding: var(--pb-space-6) 0;
  border-top: 1px solid var(--pb-border-light);
}

/* サイドバー広告 */
.pb-ad-sidebar-top {
  margin: 0 0 var(--pb-space-8);
}

.pb-ad-sidebar-top .pb-ad-content {
  flex-direction: column;
}