/* ==========================================================================
   フッター上部バナーリスト（全ページ共通）
   SP: 1列 / 768px以上: 2列
   ========================================================================== */
.p-footer-banner {
    width: 100%;
    padding-block: clamp(32px, 6vw, 56px);
    padding-inline: var(--wp--style--root--padding-right, 16px);
    background-color: var(--wp--preset--color--base);
}

.p-footer-banner_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(16px, 3vw, 24px);
    max-width: 410px; /* SP: バナー1列・最大幅410px */
    margin-inline: auto;
    padding: 0;
    list-style: none;
}

.p-footer-banner_item {
    margin: 0;
}

.p-footer-banner_link {
    display: block;
    background: none;
    transition: opacity 0.2s;
}

.p-footer-banner_link:hover {
    opacity: 0.85;
}

.p-footer-banner_img {
    display: block;
    width: 100%;
    height: auto;
}

/* 769px〜980px: 2列・幅いっぱい */
@media (min-width: 769px) {
    .p-footer-banner_list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 1200px;
    }
}

/* 981px〜: 3列 */
@media (min-width: 981px) {
    .p-footer-banner_list {
        grid-template-columns: repeat(3, 1fr);
    }
}