/* ウィジェットラッパー */
.widget_nav_menu {
  padding: 0;
  margin: 0;
}

/* 見出し（ウィジェットタイトル） */
.widget_nav_menu .widgettitle {
  margin: 0;
  padding: 20px;
  display: block;
  background: #cd0814;
  color: #fff;
  font-size: 20px;
}

/* メニューリストのリセット */
.widget_nav_menu .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 全メニュー項目 */
.widget_nav_menu .menu-item {
  list-style: none;
  border-bottom: 1px solid #dcdcdc;
  color: #24292e;
}

/* 通常リンク */
.widget_nav_menu .menu-item > a {
  display: block;
  position: relative;
  padding: 20px;
  text-decoration: none;
  text-align: left;
  color: #24292e;
  font-size: 16px;
  transition: color .1s ease-out;
}

/* 子メニューを持つ親項目のリンク */
.widget_nav_menu .menu-item-has-children > a {
  cursor: pointer;
}

/* 矢印：親項目（下向き） */
.widget_nav_menu .menu-item-has-children > a::after {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 20px;
  width: 9px;
  height: 9px;
  margin: -4px 0 0;
  border-top: solid 2px #24292e;
  border-right: solid 2px #24292e;
  transform: rotate(135deg);
  transition: transform .1s ease-out, border-color .1s ease-out;
}

/* 矢印：アクティブ時（上向き） */
.widget_nav_menu .menu-item-has-children.active > a::after {
  top: 50%;
  border-color: #cd0814;
  transform: rotate(-45deg);
}

/* サブメニュー */
.widget_nav_menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
}

/* 子項目リンク */
.widget_nav_menu .sub-menu .menu-item > a {
  display: block;
  position: relative;
  padding: 10px 20px 10px 40px;
  text-decoration: none;
  font-size: 16px;
  border-bottom: 1px solid #dcdcdc;
  transition: color .1s ease-out;
}

/* 矢印：子項目 */
.widget_nav_menu .sub-menu .menu-item > a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  margin: -4px 0 0;
  border-top: solid 2px #24292e;
  border-right: solid 2px #24292e;
  transform: rotate(45deg);
  transition: border-color .1s ease-out;
}

/* ホバー・アクティブ・カレント */
.widget_nav_menu .menu-item > a:hover,
.widget_nav_menu .menu-item-has-children.active > a,
.widget_nav_menu .current-menu-item > a,
.widget_nav_menu .current-menu-ancestor > a .widget_nav_menu .current-menu-item a {
  color: #cd0814;
}

.widget_nav_menu .menu-item > a:hover::after,
.widget_nav_menu .sub-menu .menu-item > a:hover::after,
.widget_nav_menu .current-menu-item > a::after {
  border-color: #cd0814;
}

/* 第3階層（ホバーで展開） */
.widget_nav_menu .sub-menu .menu-item-has-children {
  position: relative;
}

.widget_nav_menu .sub-menu .menu-item-has-children > .sub-menu {
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  background: #fff1f1;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  min-width: 230px;
}

.widget_nav_menu .sub-menu .menu-item-has-children:hover > .sub-menu {
  display: block;
}