body {
    font-family: serif;
    text-align: center;
}

/* リンクの下線を消す＆色を黒にする */
a {
    text-decoration: none; /* 下線を消す */
    color: black; /* 文字の色を黒にする */
}

    /* ホバー時の設定（必要なら追加） */
    a:hover {
        color: gray; /* ホバー時の色をグレーにする（変更可能） */
    }

.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.product {
    width: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

    .product img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .product p {
        margin-top: 5px;
        font-weight: bold;
    }

.scroll-box {
    width: auto;
    height: 400px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 10px;
}