body {
    display: flex;
    flex-direction: column;
    justify-content: center;    /* 垂直方向に中央揃え */
    align-items: center;        /* 水平方向に中央揃え */
    min-height: 100vh;          /* ビューポート全体の高さを確保 */
    margin: 0;
}
.header{
    margin:25px;
}
.header img{
    display: block;
    margin: 0 auto;       /* 中央揃え */
    height: 100%;          /* ウィンドウ幅に合わせて縮小 */
    max-height: 500px;     /* 最大横幅を600pxに制限 */
    max-width: 100%;
    width: auto;         /* 縦横比を維持 */
}

.btn_box {
    display: flex;
    flex-wrap: wrap; /* ボタンが画面幅に応じて折り返す */
    justify-content: center; /* 水平方向に中央揃え */
    align-items: center; /* 垂直方向に中央揃え（オプション） */
    gap: 20px; /* ボタン間の隙間 */
    padding: 10px; /* ボタンボックスに余白を追加 */
}

.btn_box {
    display: flex;
    flex-wrap: wrap; /* ボタンが画面幅に応じて折り返す */
    justify-content: center; /* 水平方向に中央揃え */
    align-items: center; /* 垂直方向に中央揃え（オプション） */
    gap: 20px; /* ボタン間の隙間 */
    padding: 10px; /* ボタンボックスに余白を追加 */
}

.btn_box {
    display: flex;
    flex-wrap: wrap; /* ボタンが小さい画面で折り返されるようにする */
}

.topbutton {
    background: linear-gradient(to top, rgba(255, 20, 147, 1), rgba(255, 105, 180, 1) 20%, rgba(255, 182, 193, 1));
    padding: 3px 0;
    border: 2px solid rgba(255, 105, 180, 1);
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    flex: 1;
    min-width: 150px;
    max-width: 200px;
    margin: 5px;
    white-space: nowrap; /* テキストの改行を防ぐ */
    cursor: pointer;
}

.topbutton:hover {
    background: linear-gradient(to top, rgba(255, 105, 180, 1), rgba(255, 20, 147, 1) 15%, rgba(255, 182, 193, 1));
}

.topbutton:active {
    background: linear-gradient(to bottom, rgba(255, 105, 180, 1), rgba(255, 20, 147, 1) 15%, rgba(255, 182, 193, 1));
    transform: scale(0.95);
}

.footer { 
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;       /* テキストを中央揃え */
    padding: 0 0 25px 0;            /* 上下に少し余白を追加 */
    font-size: 14px;          /* フォントサイズを調整（任意） */
    color: #333;              /* テキストカラーを調整（任意） */
    width: 100%;              /* フッターを画面幅いっぱいに広げる */
    position: absolute;
}