@charset "utf-8";
body {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}
p {
    margin: 0;
    vertical-align:top;
}
img {
    width: 100%;
    vertical-align: top;
}
.tuiju {
    position: fixed;
    bottom: 0%;
    width: 750px;
    z-index: 999999;
}

.tuijuko {
    position: absolute;
    width: 50%;
    bottom: -10%;
    left: 390px;
}

.wrapper {
    vertical-align: top;
}
.cart {
    position: relative;
}
.button {
    position: absolute;
    top: 84%;
}
.oya1,.oya2,.oya3,.oya4 {
    position: relative;
}
.video1,.video2,.video3,.video4 {
    position: absolute;
}
.video1 {
    width: 53vw;
    top: 34%;
    left: 40px;
}
.video2 {
    width: 76vw;
    top: 36%;
    left: 50px;
}
.video3 {
    width: 72%;
    top: 67%;
    left: 50%;
    transform: translateX(-50%);
}
.video4 {
    width: 50%;
    top: 66%;
    left: 48%;
    z-index: -1;
}
.accordionx {
    position: relative;
}
.accordion {
    display: flex;
    position: absolute;
    width: 100%;
    height: 33%;
    overflow-x: scroll;
    top: 68%;

}
.slider1 {
        width: 76%;
        margin: 5px;
        flex-shrink: 0;
        margin-right: 0;
      }


      @media screen and (max-width: 750px){
        .tuijuko {
            left: 53%;
        }

        .accordion{
            display: flex;
            position: absolute;
            height: 33%;
            overflow-x: scroll;
            width: 90%;
            margin-left: 10%;
        }
        .slider1 {
            width: 80%;
            margin: 0;
            height: 25%;
            margin-right: 3%;

        }
        #video1 {
            width: 120%;
        }
        #video2{
            width: 100%;
        }
        .video1 {
            width: 76vw;
            top: 33%;
            left: 5%;
        }

        .video2 {
            width: 88vw;
            top: 36%;
            left: 6%;
        }
        .video3 {
            width: 72vw;
            top: 67%;
            left: 50%;
        
        }
 
      }