@media screen and (max-width: 600px) {
    .c-gallery,.c-gallery2 {
        position: relative;
        display: flex;
        width: 100vw;
        overflow: hidden;
        left: -1.25rem;
    
        ul {
            padding: 0;
            /* width: 100vw; */
            display: flex;
            flex-shrink: 0;
            li {
                /* display: inline-block; */
                width: 300px;
            min-width: 300px;
            height: 225px;
            margin: 0;
            list-style: none;
            text-align: center;
            img {
                    display: block;
            width: 100%;
            height: auto;
                }
            }
        ;
            gap: 0;
        }
        
       &:hover {
            ul {
                animation-play-state: paused;
            }
        }
    }
    .c-gallery ul,.c-gallery2 ul:first-of-type{ animation: reverse-loop 50s -25s linear infinite; 
        -webkit-aanimation: reverse-loop 50s -25s linear infinite; }/*インナーを横に動かすアニメーションを指定*/
    .c-gallery ul,.c-gallery2 ul:last-of-type{ animation: reverse-loop2 50s linear infinite; 
        -webkit-aanimation: reverse-loop 50s linear infinite;}
        
    @keyframes reverse-loop {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
      
      @keyframes reverse-loop2 {
        0% {
          transform: translateX(0%);
        }
        100% {
          transform: translateX(-200%);
        }
      }
    .p-sweets__gallery{
        width: calc(100vw - 2.5rem);
    }
    }



/* @import url('gallery-animation2.css'); */