body { font-family: sans-serif; line-height: 1.6; padding: 20px; background-image: url(エアガン世間体背景.png); }
table { width: 100%; border-collapse: collapse; margin: 20px 0; background: #fff; }
th, td { border: 1px solid #ccc; padding: 10px; text-align: left; }
.card { background: #fff; padding: 20px; margin: 10px 0; border-radius: 8px; }

.shake-video {
    display: block;
    width: 100%;
    height: auto;
}

.video-wrapper {
    display: flex;          /* Flexboxを有効化 */
    justify-content: center; /* 左右中央揃え */
    align-items: center;    /* 上下中央揃え */
    width: 100%;            /* 親要素の幅を広げる */
    padding: 20px 0;        /* 上下の余白 */
    flex-direction: column;  /* ビデオを左右中央に配置 */
}