ul　.nav{
    display:flex;
    justify-content:center;
    list-style: none!important;
}

ul li{
    width:230px;
    text-align:center;
    　align-items: center;
    list-style: none!important;
}

.label{
  color:#000;
  font-size:17px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO;
  letter-spacing:0.07em;
}

ul li .icon::before{
    content:'';
    display:block;
    margin:0 auto;
    width:70px;
    height:70px;
    background-repeat:no-repeat;
    background-size:contain;
  　vertical-align: middle;
}

ul li .icon:hover{ 
	opacity:0.5;
	transition:0.3s;
}

ul li .iconplastic::before{
   background-image:url(https://promotion.packmarket.jp/hubfs/onigiri_chin/icon01.png);
}

ul li .iconfilm::before{
   background-image:url(https://promotion.packmarket.jp/hubfs/onigiri_chin/icon02.png);
}

ul li .iconpaper::before{
   background-image:url(https://promotion.packmarket.jp/hubfs/onigiri_chin/icon03.png);
}

ul li .iconothers::before{
   background-image:url(https://promotion.packmarket.jp/hubfs/onigiri_chin/icon05.png);
}

ul li .iconsample::before{
   background-image:url(https://promotion.packmarket.jp/hubfs/onigiri_chin/freesample.jpg);
}

ul {
  display: flex;
  height: 50px;
}

ul li {
  padding: 0 10px;
  height: 100%;
  list-style: none!important;
}

ul li .label{
  padding-top:20px;
  text-decoration: none;
  color: #000;
  display: block;
  height: 100%;
  align-items: center;
  position: relative;
  padding: 0 10px;
  transition: .3s;//アニメーションすることを想定して追加しておきます
}

ul li .label::after {
  content: '';
  display: block;
  height: 2.5px;
  width: 80%;
  background:#eb5522;
  position: absolute;
  bottom: 0;
  left: 10%;
  transform: scale(0, 1);
  transition: .3s;
}

ul li .label:hover {
  color: #eb5522;
}

ul li .label:hover::after {
  transform: scale(1, 1);
}

@media screen and (max-width:540px) { 
  ul.nav{
    display:inline;
    height:inherit;
    padding:0px;
  }
  
  ul.nav li.item{
    display:table;
    width:100%;
    border-bottom:2px dotted #000;
    text-align:left;
    padding-left:10%;
    background:url(https://promotion.packmarket.jp/hubfs/onigiri_chin/menu_arrow-sp.png) no-repeat 3vw 55%;
    background-size:3.4375vw,cover;
  }
  
  ul.nav li.item:nth-child(1){
    border-top:2px dotted #000;
  }
  
  ul.nav li span{
    display:table-cell;
    vertical-align:middle;
  }
  .label{
    font-size:16px;
  }
  ul li .icon::before{
    width:45px;
    height:45px;
} 
}