@charset "UTF-8";
/**
 * 島根県河川情報
 * 事務所・地域選択CSS
 */
/* Base of the Left side Menu  */
.asideMenu {
  width: 110px;
  min-height: 600px;
  background-color: #d4d8dc;
  border-right: 1px solid #aeb2b6;
}

/*=======================
	事務所・地域選択ツリー
  =======================*/
.areaSelect-btn {
  border-bottom: 1px solid #f4faff;
  color: #1c3349;
}

.areaSelect-btn li {
  position: relative;
  cursor: pointer;
  width: 100%;
}

.areaSelect-btn li a, .areaSelect-btn li span {
  padding-left: 10px;
  display: flex;
  width: 100%;
  color: inherit;
  height: 27px;
  z-index: 10;
  align-items: center;
  cursor: inherit;
}

.areaSelect-btn li a.parentItem:after, .areaSelect-btn li span.parentItem:after {
  position: absolute;
  right: 4px;
  top: 8px;
  vertical-align: middle;
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url(../images/menu/asideArrow.png) no-repeat center -11px;
}

.areaSelect-btn li ul {
  display: none;
}

.areaSelect-btn li.is-selected a:after, .areaSelect-btn li.is-selected span:after {
  background-position: center top;
}

.areaSelect-btn li.is-selected ul {
  display: block;
}

.areaSelect-btn li span {
  cursor: default;
}

.areaSelect-btn li {
  /* 基本のツリー */
  border-top: 1px solid #f4faff;
  border-bottom: 1px solid #aeb2b6;
}

.areaSelect-btn li:hover {
  background-color: #c6c7c7;
}

.areaSelect-btn li.is-selected {
  background-color: #0453a1;
  color: #ffffff;
}

.areaSelect-btn li.is-selected:hover {
  background-color: #0453a1;
}

.areaSelect-btn li.is-disabled {
  color: #aab2ba;
}

.areaSelect-btn li.is-disabled:hover {
  background-color: inherit;
}

.areaSelect-btn li:hover .parentItem + ul {
  display: block;
}

.areaSelect-btn li.is-selected .parentItem:after,
.areaSelect-btn li:not(.is-disabled):hover .parentItem:after {
  top: 9px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.areaSelect-btn .parentItem + ul li:not(.is-disabled) a:after, .areaSelect-btn .parentItem + ul li:not(.is-disabled) span:after {
  /* hogehoge */
  background-position: center top;
}

.areaSelect-btn .parentItem + ul li:hover {
  background-color: inherit;
}

.areaSelect-btn .parentItem + ul {
  background-color: #a0a0a0;
  color: #1c3349;
}

.areaSelect-btn .parentItem + ul li {
  border: none;
}

.areaSelect-btn .is-selected .parentItem + ul {
  background-color: #3693ef;
  color: #ffffff;
}

.areaSelect-btn .is-selected .parentItem + ul li:not(.is-selected):hover {
  background-color: #3693ef;
  color: #ffffff;
}

.areaSelect-btn .is-selected .parentItem + ul li.is-selected {
  background-color: #3693ef;
  color: #ffffff;
}

.areaSelect-btn.hasChildLink a.parentItem:hover {
  background-color: #7a7a7a;
  color: #ffffff;
}

.areaSelect-btn.hasChildLink .parentItem + ul li:not(.is-disabled):hover {
  background-color: #7a7a7a;
  color: #ffffff;
}

.areaSelect-btn.hasChildLink .parentItem + ul .is-disabled {
  color: #d4d8dc;
}

.areaSelect-btn.hasChildLink .is-selected a:hover {
  background-color: #3693ef;
  color: #ffffff;
}

.areaSelect-btn.hasChildLink .is-selected .parentItem + ul {
  background-color: #7cb9f5;
  color: #ffffff;
}

.areaSelect-btn.hasChildLink .is-selected .parentItem + ul li:hover {
  background-color: #3693ef;
  color: #ffffff;
}