.profile_wrap{
  width: 80%;
  height: 400px;
  background-color: #2F3232;
  color: rgb(79, 255, 55);;
  border-radius: 10%;
}
.profile_content{
  height: 100%;
  display: flex; /* フレックスコンテナとして設定 */
  flex-direction: column; /* 子要素を縦方向に配置 */
  align-items: center; /* 子要素を垂直に中央揃え */
}
.profile_wrap .user-icon_img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.username_wrap{
  margin-top: 10px;
}
.create_aim_length_wrap{
  margin-top: 40px;
}
.edit_btn_wrap{
  align-self: flex-end;
  width: 100%;
  margin-top: 60px;
}
.edit_btn{
  width: 100%;
  font-size: 15px;
}

.create_aims_wrap{
  width: 80%;
  padding: 20px;
  margin: 50px 0 ;
  margin-bottom: 200px;
}

.tab_change_menu{
width:80%;
}
.tablink_mypage{
  width:24%;
  height:40px;
  font-size: 15px;
}

.menu{
  display: flex;
  margin-top: 25px;
}
.nice{
  width: 120px;
}
.follower{
  width: 120px;
}
.follow{
  width: 120px;
}




.dot_menu-icon {
  display: none;
  /*position: absolute;
  top: 10px;
  right: 10px;*/
  position: relative;
  width:550px;
  height:550px;
  font-size: 30px;
}

.aim_wrap:hover .dot_menu-icon {
  display: block;
}

.dot_menu {
 display: none;
  /*position: absolute;
  top: 30px;
  right: 10px;*/
  position: relative;
  background-color: none;
  border: 1px solid black;
  width:100px;
  height:100px;
}

.dot_menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.dot_menu ul li {
  padding: 10px;
}