#mypage_close{
position: absolute;
display: block;
top: -2vw;
right: -5vw;
width:50px;
height:50px;
border:0;
background-color:black;
border-radius:32px;
margin:0;
padding:0;
transform:scale(0.5);
cursor:pointer;
background:#604c36;
}

#mypage_close:before{
content:"";
position:absolute;
display:inline-block;
top:8px;
left:22px;
width:4px;
height:30px;
border:0;
margin:0;
padding:0;
background-color:#fff;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
#mypage_close:after{
content:"";
position:absolute;
display:inline-block;
top:8px;
left:22px;
width:4px;
height:30px;
border:0;
margin:0;
padding:0;
background-color:#fff;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#popup_mypage {
position: absolute;
top: 55px;
right: 5%;
z-index: 10000;
width:45%;
visibility: hidden;
}
#popup_mypage.active {
opacity: 1;
    visibility: visible;
}


#popup_mypage img {
width:100%;
}

.animated2 { 
animation-duration: 5s; 
animation-fill-mode: both; 
animation-timing-function: linear; 
animation-iteration-count:infinite; 
} 

@keyframes bounce { 
0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
40% {transform: translateY(-15px);} 
60% {transform: translateY(-5px);} 
} 

.bounce { 
animation-name: bounce; 
}