@charset "utf-8";
/* CSS Document */

.wrapper {
    width: 100%;
}
.wrapper > div {
    position: relative;
}
.wrapper img {
    width: 100%;
    height: auto;
}
.after-content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    margin: auto;
}
.after-replaced-content {
    padding: 0 !important;
    border: none !important;
}

.shiwa {
    position: absolute;
    top: 0%;
    left: 5%;
    z-index: 2;
    width: 15%;
}
.keana {
    position: absolute;
    top: 32%; /*33% Nii*/
    left: 5%;
    z-index: 2;
    width: 15%;
}
.shimi {
    position: absolute;
    top: 64%;  /*65% Nii*/
    left: 5%;
    z-index: 2;
    width: 15%;
}
.model1, .model2, .model3{
    position: absolute;
    left: 5% /*20%*/;
    width: 90%;
}
.model1 {
    top: 4% /*29.4%*/;
}
.model2 {
    top: 36% /*29.4%*/  /*37% Nii*/;
}
.model3 {
    top: 68% /*29.4%*/  /*68.5% Nii*/;
}
.before1, .before2, .before3 ,.before4,.before5{
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-right: 1px solid #000;
    animation: minus10_face_model_move 4s ease-in-out infinite;
}
.before1 {
    background: url("../../../img_sp/img2/before01.png") top left no-repeat;
    background-size: cover; 
}
.before2 {
    background: url("../../../img_sp/img2/before02.png") top left no-repeat;
    background-size: cover; 
}
.before3 {
    background: url("../../../img_sp/img2/before03.png") top left no-repeat;
    background-size: cover; 
}
.before4 {
    background: url("../../../img_sp/img2/before4.png") top left no-repeat;
    background-size: cover; 
}
.before5 {
    background: url("../../../img_sp/img2/before5.png") top left no-repeat;
    background-size: cover; 
}

@keyframes minus10_face_model_move {
    0%   {width: 0%;}
    50%  {width: 97.999%;}
    100% {width: 0%;}
}
.vodeo1 {
    position: absolute;
    left: 5% /*20%*/;
    width: 50%;
}
/*video {
    position: absolute;
    width: 80%; /*40%*/
    /*top: 33%;　/*33%*/
    /*left: 0;
    bottom: 0;
    right: 0; /*0*/
    /*display: block;
    margin: auto;
}*/
.video2 {
    position: absolute;
    left: -3%;/*20%*/
    width: 88%; /*100%*/
	top:66%; /*上から66% 80％　niidome 追加*/
	/*right:0;*/
}


/*****目元用videoタグ 20210427******/
video {
    position: absolute;
    width: 100%;
    top: 34%;　/*33%*/
    left: 0;
    display: block;
    margin: auto;
}
.video3 {
    position: absolute;
    left: 15%;/*13.5%*/
    width: 70%; /*100%*/
	top:35%; /*上から66％　niidome 追加*/
	/*right:0;*/
}