@charset "UTF-8";
/* ---------- main section ---------- */
.wrapper {
  max-width: 1140px;
}

.wrapper .container {
  max-width: 100%;
}

/* ---------- Side Bar section ---------- */
.homeLink {
  font-size: 1.5rem;
  background-color: #f18f32;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 6px #772f06;
  padding: 1rem 2.5rem;
  border-radius: 4px;
  width: 100%;
  white-space: nowrap;
}

.homeLink a {
  color: #fcf9f9;
}

.homeLink a:hover {
  -webkit-transition: .3s;
  transition: .3s;
  color: #f8af17;
}

.homeLink:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  /*下に動く*/
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  /*影を小さく*/
}

.sidebar-nav ul {
  padding-left: 0;
  padding-right: 0;
  border-left: 2px solid #f18f32;
  border-right: 2px solid #f18f32;
  border-bottom: 2px solid #f18f32;
}

.sidebar-nav ul li:first-of-type {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  color: #fcf9f9;
  background-color: #f18f32;
  border-bottom: none;
}

.sidebar-nav ul li:nth-of-type(n + 2) {
  border-bottom: 2px dotted #707070;
  list-style-type: none;
  width: 100%;
  font-size: 1rem；;
}

.sidebar-nav ul li:last-of-type {
  border-bottom: none;
}

/* .sidebar-nav ul li:nth-child(n + 2) {
  border-bottom: 2px dotted teal;
} */
/* .sidebar-nav-heading {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  color: $txt_white;
  background-color: #eb7805;
} */