/* === PCワーク Auto Poster: front-end ads === */
.pap-banner {
    margin: 1.5em auto;
    max-width: 100%;
    text-align: center;
}
.pap-banner a { display: inline-block; line-height: 0; }
.pap-banner img.pap-banner-img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform .12s ease, box-shadow .12s ease;
}
.pap-banner a:hover img.pap-banner-img {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
}

/* === Popup === */
#pap-popup-root { position: fixed; inset: 0; z-index: 99998; }
#pap-popup-root[hidden] { display: none !important; }
.pap-popup-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.55);
    backdrop-filter: blur(2px);
    animation: pap-fade-in .25s ease forwards;
}
.pap-popup-modal {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(.96);
    background: transparent;
    width: min(92vw, 520px);
    z-index: 99999;
    animation: pap-pop-in .28s cubic-bezier(.2,.8,.2,1) forwards;
    text-align: center;
}
.pap-popup-link { display: inline-block; line-height: 0; }
.pap-popup-link img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    cursor: pointer;
}
.pap-popup-close {
    position: absolute; top: -14px; right: -14px;
    width: 38px; height: 38px; border-radius: 50%;
    background: #fff; color: #333;
    border: 2px solid #ddd;
    font-size: 22px; line-height: 1;
    cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    display: flex; align-items: center; justify-content: center;
    padding: 0;
}
.pap-popup-close:hover { background: #f5f5f5; }

@keyframes pap-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes pap-pop-in {
    from { opacity: 0; transform: translate(-50%, -45%) scale(.92); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@media (max-width: 480px) {
    .pap-popup-modal { width: 94vw; }
    .pap-popup-close { top: -10px; right: -10px; width: 34px; height: 34px; font-size: 20px; }
}