https://nelog.jp/flexible-box-layout-module
/*このフレックスはノーマルフレックス*/
.frex_nomal,.flex_nomal{
-js-display: flex;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
}
/*このフレックスは一般的な実用フレックス*/
.frex,.flex{
-js-display: flex;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
/*メニューが1段*/
.d_navi_main_in ul{ .flex_nomal;
li{ width:100%}
}
/*メニューが2段 計10個*/
/* .d_navi_main_in ul{.flex;
li{ width:20%}}*/