.stylebook-img-whole{
    width:80%;     
    display: flex;             /* 段組 */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
    align-items:center;
    align-content:center;
}

.stylebook-img-whole-img {
    /* flex-basis: 24%; */
    flex-basis: 48%;
    position: relative;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border: 1px #CFCFCF solid;
    margin-bottom: 1%;
}
/* @media only screen and (max-width: 700px){
    .stylebook-img-whole-img{
        flex-basis:48%;
    }

} */
  

.stylebook-img-whole-img img{
    width: 100%;
    object-fit: cover;

}