body { font-family: sans-serif; padding: 20px; background-color: #f4f4f4; }
        .container { max-width: 800px; margin: auto; background: white; padding: 20px; border-radius: 8px; }
        button { padding: 10px 15px; margin: 5px; cursor: pointer; border: 1px solid #ccc; border-radius: 4px; background: white; }
        button:hover { background: #e0e0e0; }
        .member-card { background: #f9f9f9; padding: 10px; margin: 5px 0; border-left: 5px solid #007bff; }
        h3 { margin-top: 20px; }

.container{
    width:100%;
    max-width:680px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* ------パソコン------ */
.affiliate-box {
    width: 100%;             /* 横幅を親要素（.container）いっぱいに広げる */
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 5px 0;
}

@media (max-width:600px){

    /*
    .tape-sides-wrapper{

        flex-direction:column;

        gap:15px;

    }

    .track-tag{

        width:100%;

        justify-content:space-between;

    }

    .album-header{

        font-size:.9rem;

    }

    .tweet-btn,
    .image-btn{

        font-size:.9rem;

    }
    */
    .affiliate-box {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    margin: 5px 0;
    }
}