/* ----- 全体の左右の横幅----- */
.flex{
max-width: 1500px;
display: -webkit-box; /* old Android */
display: -webkit-flex; /* Safari etc. */
display: -ms-flexbox; /* IE10        */
display: flex;

 /* ???????? */
-webkit-flex-flow      : row wrap;     /* Safari etc. */
-ms-flex-flow          : row wrap;     /* IE          */
flex-flow              : row wrap;     /* = flex-direction:row;flex-wrap:wrap; */
flex-direction: row;
flex-wrap: wrap;
 
  /* ????? */
-webkit-justify-content: center;       /* Safari etc. */
-ms-justify-content    : center;       /* IE10        */
justify-content : center;
}



/* -----（商品一覧・画像グリッド向き・左右固有の横幅----- */
.flex > *{
max-width: 500px;
 font-size: 100%;
 line-height:140%;
text-align: center;
margin:0 1%;
justify-content:center;
}


/* -----左右固有の横幅・ブランドストーリー・文章＋画像向き----- */
.flex_test-box {
display: flex; /* フレックスボックスにする */
flex-wrap: wrap;  /* 折り返し指定 */
justify-content:center;
align-items:center;
    
}
.flex_test-item {
margin:  10px;   /* 外側の余白 */
width: 500px;    /* 幅指定 */
text-align:  left;  /* 文字左揃え */
}
.flex_test-item:nth-child(2) {
/*background-color: #e3e1e1;    背景色指定 */
  
}

/*
.flex,
.flex > *{
  border: 3px solid #aaa;
}
*/
.parent-element {
  display: flex;
  align-items: center; 
  justify-content: space-between;  
    /* テキストを上下中央に配置 */
  /* 左右中央にしたい場合は、justify-content: space-between; も追加 */
}
.parent-element2 {
  display: flex;
  align-items: center; 
  justify-content: center;  
    /* テキストを上下中央に配置 */
  /* 左右中央にしたい場合は、justify-content: space-between; も追加 */
}