@media (max-width: 560px) {
    .article-body .article-amazon-card {
        grid-template-columns: 86px minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
        grid-template-areas:
            "media copy"
            "media button";
        gap: 8px 10px;
        width: min(100%, 390px);
        padding: 11px 12px 10px;
        border-color: rgba(0, 87, 255, .14);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 26px rgba(0, 87, 255, .08);
    }
    .article-body .article-amazon-card__media img,
    .article-body .article-amazon-card__media span {
        width: 86px;
        height: 118px;
        border-radius: 10px;
    }
    .article-body .article-amazon-card__badge {
        display: none;
    }
    .article-body .article-amazon-card__title {
        font-size: var(--amazon-title-font-size-sp, 16px);
        line-height: 1.5;
    }
    .article-body .article-amazon-card__title--pc {
        display: none;
    }
    .article-body .article-amazon-card__title--sp {
        display: block;
    }
    .article-body .article-amazon-card__title--sp-align-center {
        text-align: center;
    }
    .article-body .article-amazon-card__title--sp-align-left {
        text-align: left;
    }
    .article-body .article-amazon-card__title--long {
        font-size: var(--amazon-title-font-size-sp, 15px);
        line-height: 1.24;
    }
    .article-body .article-amazon-card__title--xlong {
        font-size: var(--amazon-title-font-size-sp, 14px);
        line-height: 1.2;
        letter-spacing: .02em;
    }
    .article-body .article-amazon-card__copy {
        align-self: end;
        gap: 6px;
    }
    .article-body .article-amazon-card__button {
        position: relative;
        align-self: end;
        min-height: 36px;
        padding: 0 24px 0 15px;
        border: 0;
        border-radius: 999px;
        width: 100%;
        color: #fff;
        background: linear-gradient(135deg, #2380ff 0%, #0f68e8 100%);
        font-size: 0;
        font-weight: 900;
        letter-spacing: .02em;
        box-shadow: 0 10px 22px rgba(35, 128, 255, .2);
    }
    .article-body .article-amazon-card__button::before {
        content: "Amazon\3067\8A73\7D30\3092\898B\308B";
        display: inline-block;
        color: #fff;
        font-size: 13px;
        font-weight: 900;
        line-height: 1;
    }
    .article-body .article-amazon-card__button::after {
        content: "";
        position: absolute;
        right: 12px;
        top: 50%;
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2.5px solid #fff;
        border-right: 2.5px solid #fff;
        transform: translateY(-50%) rotate(45deg);
    }
    .article-body .article-amazon-card__price {
        margin-top: 4px;
        font-size: 14px;
    }
}