/* スマホ：Cocoonのヘッダーメニュー（6項目）を3列×2段に。
   「追加CSS」にある 3つ＋2つ＋1つ の並び（#navi … !important）より強い指定にするため、先頭に html body を付ける */
@media (max-width:834px){
  html body #navi .navi-in > ul{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px;
    width:100%!important;margin:0!important;padding:0!important;
    background:#ddd9cf;border-top:1px solid #ddd9cf;border-bottom:1px solid #ddd9cf
  }
  html body #navi .navi-in > ul > li,
  html body #navi .navi-in > ul > li:nth-child(4),
  html body #navi .navi-in > ul > li:nth-child(5){
    width:auto!important;min-width:0!important;flex:none!important;height:auto!important;margin:0!important;border:0!important;background:#f6f4ef
  }
  html body #navi .navi-in > ul > li.current-menu-item,
  html body #navi .navi-in > ul > li.current_page_item{background:#e9e4d8}
  html body #navi .navi-in > ul > li > a{
    display:block!important;height:auto!important;padding:12px 4px!important;font-size:14px!important;line-height:1.4!important;
    letter-spacing:.04em;white-space:nowrap!important;text-align:center
  }
}