@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}



.media_card {
    margin: 20px;
}

.media_list .media_body .multi-img {
    display: flex;
}

.media_list .media_body .multi-img .media-img_list{
    flex: 0 0 320px;
}



/*/ --------------- 
****** media break-point
* phone ~767px
--------------- */
@media screen and (max-width: 767px) {
    .sp_hide {
        display:block
    }

    .cb_media .media_card .media_list .media_body .multi-img .multi-img_list img {
        height: auto
    }

}

/*/ --------------- 
****** media break-point
* phone ~567px
--------------- */

@media (max-width: 576px) {
    .layout_main .cb_media .media_card .media_body .sp_hide {
        display: block;
    }

    .cb_media .media_card .media_list .media_body .multi-img .multi-img_list img {
        height: auto
    }
}