/* 画像ボタン用に .sample-button-style の見た目をリセット */
.sample-button-style {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 0 !important; /* 文字は使わないので消しておく */
}

/* ▼ ここを修正版に差し替え */
/* 枠・影だけ消す。幅は触らない */
.sample-button-style,
.sample-button-style img,
.button-container,
.button-container img,
.js-api-select-product,
.js-api-select-product:focus,
.js-api-select-product:active,
.js-api-select-product:focus-visible,
.sample-button-style:focus,
.sample-button-style:active,
.sample-button-style:focus-visible {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ★ ココは消してOK（ボタン縮小の原因）
.button-container {
    display: inline-block !important;
    width: auto !important;
}
*/

.sample-button-style img {
    display: block;
}

body {
            background: #f8f8f8;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
.container {
    width: 100%;
    max-width: 750px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    background-color: #f8f8f8;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
        img {
            width: 100%;
            height: auto;
            display: block;
        }
        .image-wrapper {
            position: relative;
            width: 100%;
            text-align: center;
        }
        /* ボタンのスタイル */
        .button-container {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            text-align: center;
            width: 90%;
            max-width: 650px;
        }
        .button-container img {
            width: 100%;
            height: auto;
            cursor: pointer;
            display: block;
            transition: opacity 0.3s ease-in-out;
        }
        .button-container img:hover {
            opacity: 0.8;
        }
        .button-01_03 { top: 69%; }
        .button-01_08-1 { top: 75%; }
        .button-01_08-2 { top: 40%; }
        .button-01_08-3 { top: 75%; }
        .button-01_08-4 { top: 40%; }
        .button-01_08-5 { top: 75%; }
        .button-01_08-6 { top: 40%; }
        .button-1_35 { top: 70%; }
        .gif-overlay-1 {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 55%;
        }
        .gif-overlay-2 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 55%;
        }
        @media screen and (max-width: 768px) {
            .button-container {
                width: 87%;
                max-width: 400px;
            }
        }