/* -------------------- */
/* PCSP共通 */
/* -------------------- */

.gooad_close {
    display: none !important;
}

.gooad_rectangle {
    margin: 0 auto;
    text-align: center;
}

/* オーバーレイ共通 */
#gooad-pc_overlay,
#gooad-sp_overlay {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: #FFF;
    text-align: center;
}

/* オーバーレイ閉じるボタン pc or sp */
[class^="gooad_close_button_"] {
    position: absolute;
    right: 0px;
    top: -25px;
    cursor: pointer;
    height: 25px;
    width: 30px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 5px 5px 0;
    z-index: -1;
    opacity: 0.8;
}

[class^="gooad_close_button_"]::before,
[class^="gooad_close_button_"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 21px;
    background: #999;
}

[class^="gooad_close_button_"]::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

[class^="gooad_close_button_"]::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* -------------------- */
/* PC */
/* -------------------- */

@media (min-width: 769px) {

    #gooad-long {
        text-align: center;
        min-height: 110px;
        margin: 0 auto;
        padding: 10px;
    }
    
    /* オーバーレイ */
    #gooad-pc_overlay {
        height: 90px;
    }

    /* SPタグは非表示 */
    #gooad-sp_overlay {
        display: none;
    }

    /* フッター調整 */
    /* オーバーレイがあるときフッターに余白追加 */
    body:has(#gooad-pc_overlay) #footer:not(.gooad_footer_default_pc) {
        padding-bottom: 100px;
    }
    
    /* オーバーレイが閉じられたときフッターの余白をデフォルトにする */
    .gooad_footer_default_pc {
        padding-bottom: 0;
    }

    /* トップへ戻るボタン */
    body:has(#gooad-pc_overlay) #pageTop {
        bottom: 150px;
    }

}

/* -------------------- */
/* SP */
/* -------------------- */

@media (max-width: 768px) {


    /* PCオーバーレイは非表示 */
    #gooad-pc_overlay {
        display: none;
    }
    
    /* フッター調整 */
    /* オーバーレイがあるときフッターに余白追加 */
    body:has(#gooad-sp_overlay) #footer:not(.gooad_footer_default_sp) {
        padding-bottom: 100px;
    }

    /* オーバーレイが閉じられたときフッターの余白をデフォルトにする */
    .gooad_footer_default_sp {
        padding-bottom: 0;
    }

    /* トップへ戻るボタン */
    body:has(#gooad-sp_overlay) #pageTop {
        bottom: 180px;
    }

}