@charset "utf-8";

/* -------------------- */
/* PCSP共通 */
/* -------------------- */

.gooad_close {
    display: none !important;
}

/* オーバーレイ共通 */
#gooad-pc_overlay,
#gooad-spbadge320_2 {
    position: fixed;
    z-index: 1010;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: #FFF;
    text-align: center;
}

/* -------------------- */
/* PC */
/* -------------------- */

#gooad-long {
    min-height: 90px;
    max-height: 250px;
    margin: 0 0 1em;
    text-align: center;
}

#gooad-badge300_1,
#gooad-badge300_2,
#gooad-badge300_5,
#gooad-badge300_6 {
    min-height: 250px;
    margin: 0 0 1em;
    line-height: 0;
    text-align: center;
}

/* ミドル1stレク、ダブレク親要素1～2 */
#gooad-mbadge300_3,
[id^="gooad-wrec"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: dotted 1px #e3e3e3;
    line-height: 0;
    text-align: center;
}

/* ダブレク */
#div-gpt-ad-news_mbadge300_3,
#div-gpt-ad-news_topstories_mbadge300_3,
#gooad-badge300_3,
#gooad-badge300_4,
#gooad-mbadge300_1,
#gooad-mbadge300_2 {
    min-height: 250px;
    width: 300px;
}

#gooad-badge640_1 {
    margin: 0 0 1em;
    text-align: center;
}

#gooad-badge650_1 {
    border-top: dotted 1px #e3e3e3;
}

/* 非表示のときの余白を潰すためdiv-gptにサイズ記述 */
#div-gpt-ad-news_badge650_1-0,
#div-gpt-ad-news_topstories_badge650_1 {
    width: 650px;
    height: 238px;
    margin: 0 auto;
    padding: 15px 0 18px;
    text-align: center;
}

/* オーバーレイ */
#gooad-pc_overlay {
    height: 90px;
}

/* フッター調整 */
/* gam_event_listenersで付与 */
.gooad_footer_bottom_pc#NR-footer-in {
    padding-bottom: 115px;
}


/* -------------------- */
/* SP */
/* -------------------- */

/* 幅600px以下の時 */
@media (max-width: 599px) {

    /* 余白を有効にして高さと背景色を付与 */
    #gooad-spbadge320_1 {
        min-height: 180px;
        margin: 0 auto 8px;
        padding: 8px 0;
        background: #f6f6f6;
    }

    #gooad-spbadge300_1,
    #gooad-spbadge300_2,
    #gooad-spbadge300_3 {
        min-height: min(280px, calc(100vw / 300 * 250));
        margin: 8px auto 16px;
    }

    /* PCタグ非表示 */
    #gooad-badge640_1,
    #gooad-badge650_1,
    #gooad-mbadge300_3,
    [id^="gooad-wrec"] {
        display: none;
    }
}

#gooad-spbadge320_1,
#gooad-spbadge300_1,
#gooad-spbadge300_2,
#gooad-spbadge300_3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 0;
    text-align: center;
}

/* フッター調整 */
/* gam_event_listenersで付与 */
.gooad_footer_bottom_sp#NR-footer-in {
    padding-bottom: 135px;
}

/* iPhone safe-area */
@supports (padding-bottom: constant(safe-area-inset-bottom)) {
    #gooad-spbadge320_2 {
        padding-bottom: constant(safe-area-inset-bottom)
    }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
    #gooad-spbadge320_2 {
        padding-bottom: env(safe-area-inset-bottom)
    }
}
