/* PCサイズの場合 */
@media screen and (min-width:768px){
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

flex-direction: row;          /*横並び・左から右（デフォルト）*/
flex-wrap: wrap;              /*折り返し有り・複数行*/
align-items: flex-start;     /*上（左）揃え*/
align-content: flex-start;  /*上（左）揃え*/
}

.maste{
width: 115px;
margin: 10px 4.16px;
}

}

/* タブレット・スマホサイズの場合 */
@media screen and (max-width: 767px) {
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

flex-direction: row;                  /*横並び・左から右（デフォルト）*/
flex-wrap: wrap;                      /*折り返し有り・複数行*/
align-items: center!important;  /*中央揃え*/
 align-content: space-around!important;　 /*等間隔に配置*/
}

.maste{
width: 100px!important;
margin: 12.5px;
}

}