@charset "UTF-8";
/**
 * 広告スタイル（全ページ共通）
 * Advertisement Styles (Site-wide)
 */

/* ========================================
   広告バナーのレスポンシブ対応（全ページ共通）
======================================== */
/* Revive広告サーバーの全insタグに適用 */
ins[data-revive-zoneid] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

ins[data-revive-zoneid] a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

ins[data-revive-zoneid] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain;
}

/* 広告コンテナの幅制限 */
.archive-ad-container,
.p-adBox__img {
    max-width: 100%;
    overflow: hidden;
}

/* PRバッジ */
.archive-ad-container::after {
    content: "PR";
    display: block;
    width: fit-content;
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: var(--color_text);
    border: 1px solid var(--color_text);
    padding: 2px 6px;
    margin-top: 4px;
    letter-spacing: 0.05em;
}

/* 広告コンテナの余白を削除（SWELLのデフォルトスタイルを打ち消し） */
@media not all and (min-width: 600px) {
    .p-adBox__img {
        padding: 0 !important;
    }
}