@charset "Shift_JIS";
/* CSS Document */

.buy {
    position: relative;
}

.offer {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    position: absolute;
    top: 85%;
    left: 29%;
}
.offer {width:42%;}
@media only screen and (max-width: 768px) {
.offer {width:70%;left:15%;}
}

#videos {
position: absolute;
    max-width: 460px;
    max-height: 690px;
    width:35.7%;
    left: 50%;
    top:1%;
    transform: translateX(-50%);
    z-index: 100;
}

@media only screen and (max-width: 768px) {
#videos {    width:62%;   }

.mov {
	position:relative;margin:10px 0 10px;}
}

#movie {
position: absolute;
    max-width: 460px;
    max-height: 690px;
    width:35.7%;
    left: 50%;
    top:5%;
    transform: translateX(-50%);
    z-index: 100;
}

@media only screen and (max-width: 768px) {
#movie {    width:50%;top:3.5%;left: 30%;   }

.move {
	position:relative;margin:10px 0 10px;}
}