body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/* モーダル全体のスクロールを許可して、ボタンが隠れないようにする */
#image-modal {
    overflow-y: auto;
    padding: 16px;
    box-sizing: border-box;
}

.skill-detail-button {
    background-color: #ffcc00; /* ゴールド */
    color: #000000; /* 黒 */
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.skill-detail-button:hover {
    background-color: #ffdd33; /* 明るいゴールド */
}

/* 画像は画面からはみ出さないように高さも制限 */
.gameimage-large {
    max-width: 1080px;
    max-height: 70vh;      /* 画面の高さの 70% までに制限 */
    width: 100%;           /* 横幅は親要素にフィット */
    height: auto;          /* アスペクト比維持 */
    object-fit: contain;   /* はみ出さず全体が見えるように */
    padding-bottom: 20px;
}

/* スマホ用のレイアウト */
@media screen and (max-width: 768px) {
    table {
        width: 90%;
        margin-left: 10px;
    }

    #image-modal {
        padding: 10px;
    }

    .gameimage-large {
        width: 90%;
        cursor: pointer;
        padding-bottom: 10px;
    }
}