@charset "UTF-8";
/**
 * 事務所・地域選択CSS
 */
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

/* Base of the Left side Menu  */
.asideMenu {
  width: 110px;
  min-height: 600px;
  margin-right: 10px;
  margin-bottom: -10px;
  background-color: #dedfe0;
  border-right: 1px solid #bdbebf;
}

.asideMenu.areaPriority .areaSelect-btn li:not(.is-selected) {
  display: none;
}

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

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

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

.areaSelect-btn li a:hover, .areaSelect-btn li span:hover {
  opacity: 1;
}

.areaSelect-btn li a.parentItem, .areaSelect-btn li span.parentItem {
  padding-right: 15px;
}

.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("../../res/img/common/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 #f5f6f7;
  border-bottom: 1px solid #cecfd0;
  text-decoration: none;
}

.areaSelect-btn > li a, .areaSelect-btn > li span {
  text-decoration: inherit;
}

.areaSelect-btn > li:first-child {
  border-top: none;
}

.areaSelect-btn > li:hover:not(.is-selected):not(.is-disabled) {
  opacity: 0.7;
}

.areaSelect-btn > li.is-selected {
  background-color: #006cb1;
  color: #ffffff;
  text-decoration: none;
}

.areaSelect-btn > li.is-disabled {
  color: #727a7e;
  text-decoration: none;
}