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%}}*/