#idFileAdd {
    display: none;  /* 本来のファイル選択フォームは非表示に */
}
#idAddImg:hover{
    background: lightgray;
    border: 5px lightgray solid;
    border-radius: 20px;
}
#idImg1:hover,#idImg2:hover,#idImg3:hover,#idImg4:hover,#idImg5:hover,#idImg6:hover,#idImg7:hover{
    border: 5px white solid;
}

/*-------------------------------------*/
.profileImg{
    /*width: 300px;   !* 592 *!*/
    height: 300px;
}
.flex-container {
    display: flex;
}

.image-wrap{
    margin: 10px 5px;
}

.image-wrap img {
    height: 300px;
}

.profileSmallImg{
    border: 3px black solid;
    cursor: pointer;
    margin: 0;
    /*サイズが効かないので直書きしています*/
}
.regular_sp_mode_profile{
    padding-right: 5px;
}
/*-------------------------------------*/

.circle1, .circle2, .circle3{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align:center;
    line-height: 42px;
    border-radius: 50%;
    font-weight: bold;
}
.circle1{border: solid 3px lightgreen;}
.circle2{border: solid 3px skyblue;}
.circle3{border: solid 3px pink;}


.iconMessageProfile {
    width: 19px;
    margin: 0;
}
.iconReviewProfile {
    width: 32px;
    margin: 0;
}
.iconProfileBox:hover, .iconHover:hover{
    opacity: 0.5 ;
    background: lightgray;
}