/* ① 第一階層だけ横並びに限定（既存が .ec-itemNav__nav li に当たってる想定を修正） */
.ec-itemNav__nav > li {
  display: inline-block; /* or flex 子にしたいならここだけに適用 */
}

/* ② 第二階層以下は縦並びに戻す（PC） */
.ec-itemNav__nav li > ul {                 /* 第二階層の <ul> */
  display: block !important;
  padding: 0;
}

.ec-itemNav__nav li > ul > li,             /* 第二階層の各 <li> */
.ec-itemNav__nav li ul li ul li {          /* 第三層以降の <li> も */
  display: block !important;
  float: none !important;
  width: 100%;
  white-space: normal;
}

.ec-itemNav__nav li > ul > li > a {
  display: block;                          /* 行全体をクリック可能に */
}

/* ③ スマホ側（ヘッダ内カテゴリ）も同様に縦並びに */
.ec-headerCategoryArea .ec-itemNav__nav li > ul { display: block !important; }
.ec-headerCategoryArea .ec-itemNav__nav li > ul > li,
.ec-headerCategoryArea .ec-itemNav__nav li ul li ul li {
  display: block !important;
  float: none !important;
  width: 100%;
}