/* 基本のボタンスタイル */
#subcategory-btn {
    background-color: #AED2FF; /* 青色の背景 */
    color: #27005D;            /* 白色の文字色 */
    padding: 10px 20px;        /* 上下のパディング12px、左右のパディング20px */
    border: none;              /* ボーダーをなくす */
    border-radius: 5px;        /* 角を少し丸める */
    font-size: 16px;           /* 文字のサイズを16pxに設定 */
    cursor: pointer;           /* カーソルを指マークにする */
    transition: 0.3s;          /* ホバー時の遷移効果を0.3秒で適用 */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* シャドウを追加 */
    margin: 30px;
    text-decoration: none;
}

/* ホバー時のスタイル */
#subcategory-btn:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.15); /* シャドウを大きくする */
}

/* アクティブ時（クリック時）のスタイル */
#subcategory-btn:active {
    transform: scale(0.98); /* 少し縮小する */
}

.btn-sub-cate{
    margin-top: 30px;
}