/* ==========================================
       2. 画像を縦に並べるコンテナのスタイル
    ========================================== */
    .shinchan-container {
      display: block; /* 縦に一列に並べる */
      width: 100%;
      margin: 0;
      padding: 0;
    }

    /* 各画像ブロック（親要素） */
    .shinchan-container .img-box {
      position: relative;
      width: 100%; /* 横幅いっぱい */
      margin: 0;
      padding: 0;
      line-height: 0; /* 画像の下にできる数ピクセルの隙間を完全に消す */
    }

    /* ==========================================
       3. 重なる2枚の画像のスタイル
    ========================================== */
    .shinchan-container .img-box img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* 画面幅に合わせて画像を綺麗にフィットさせる */
    }

    /* 下の画像（基準・静止） */
    .shinchan-container .img-bottom {
      position: relative !important;
      z-index: 1;
    }

    /* 上の画像（アニメーションを適用） */
    .shinchan-container .img-top {
      z-index: 2;
      /* 5秒周期で2回弾むアニメーション */
      animation: bounce 5s cubic-bezier(0.25, 1.5, 0.5, 1) infinite;
    }

    /* ==========================================
       4. 各画像ごとの【タイミング】と【起点数値（仮）】の設定
    ========================================== */
    
    /* ①の画像（例：左上付近を起点に設定） */
    .shinchan-container .img-unit-1 .img-top { 
      animation-delay: 0s; 
      transform-origin: 62% 69%; 
    }
    
    /* ②の画像（例：中央やや上を起点に設定） */
    .shinchan-container .img-unit-2 .img-top { 
      animation-delay: -1s; 
      transform-origin: 46% 65%; 
    }
    
    /* ③の画像（例：右下付近を起点に設定） */
    .shinchan-container .img-unit-3 .img-top { 
      animation-delay: -2s; 
      transform-origin: 60% 67%; 
    }
    
    /* ④の画像（例：左下付近を起点に設定） */
    .shinchan-container .img-unit-4 .img-top { 
      animation-delay: -3s; 
      transform-origin: 35% 71%; 
    }
    
    /* ⑤の画像（例：右上付近を起点に設定） */
    .shinchan-container .img-unit-5 .img-top { 
      animation-delay: -4s; 
      transform-origin: 72% 68%; 
    }

    /* ==========================================
       5. アニメーションの定義（3秒静止 ＋ 2回連続で弾む）
    ========================================== */
    @keyframes bounce {
      /* 0% 〜 60%（最初の3秒間）は完全に静止状態 */
      0%, 60% {
        transform: scale(1);
      }
      /* 1回目の拡大 */
      70% {
        transform: scale(1.25);
      }
      /* 一度普通のサイズに戻る */
      80% {
        transform: scale(1);
      }
      /* 2回目の拡大 */
      90% {
        transform: scale(1.12);
      }
      /* 最後、静止状態に戻る */
      100% {
        transform: scale(1);
      }
    }
    
    .shinchan p {
    margin-block-end: 0;
    margin-block-start: 0em;
    }