/*
*/

html{
  overflow: hidden;
}
body{
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.flowbox{
position:absolute;
}

#box01{
background-color:rgba(0,255,0,0.8);
top:0px;
left:0px;
width:300px;
height:100px;
}
#box02{
background-color:rgba(255,0,0,0.8);
top:50px;
left:50px;
width:300px;
height:100px;
}

#backImage00{
position:absolute;
background-color:rgba(100,100,100,0.9);
top:0px;
left:0px;
width:100%;
height:100%;
transition:500ms;
}
#backImage00:hover{
top:0px;
}

.topBox{
position:absolute;
background-color:rgba(0,0,0,0.2);
top:0px;
width:25%;
height:10px;
border-radius:0px 0px 10px 10px;
transition:300ms;
}
.topBox:hover{
background-color:rgba(0,0,0,1.0);
height:10%;
}

.actBottan{
position:absolute;
transition:300ms;
}

.actBottan:hover{
width:15%;
}