/* CSS Document */
#top #sb {
  position: relative;
}
#top #sb .animation {
  transition: all 0.6s;
}
#top #sb .menuBtn {
  display: none;
  position: fixed;
  cursor: pointer;
  z-index: 300;
  right: 30px;
  top: 22px;
  width: 50px;
  height: 50px;
  padding: 15px;
  border-radius: 50px;
  background: #8dc33e;
}
#top #sb .menuBtn .line {
  position: absolute;
  left: 21px;
  width: 38px;
  height: 3px;
  background-color: #fff;
  top: 24px;
}
#top #sb .menuBtn .line:nth-child(2) {
  top: 39px;
}
#top #sb .menuBtn .line:nth-child(3) {
  top: 53px;
}
#top #sb .menuBtn.active .line:nth-child(1) {
  transform: translateY(15px) translateX(0) rotate(45deg);
}
#top #sb .menuBtn.active .line:nth-child(2) {
  opacity: 0;
  background: #FFF;
}
#top #sb .menuBtn.active .line:nth-child(3) {
  transform: translateY(-14px) translateX(0) rotate(-45deg);
}
#top.is-mobile {
  background-color: #F9F9F1;
  display: block;
  width: 100%;
  padding-top: 120px;
}
#top.is-mobile #sb {
  background: #F9F9F1;
  position: fixed;
  top: 0;
  width: 100%;
  height: 120px;
  z-index: 88;
}
#top.is-mobile #sb .menuBtn {
  display: block;
}
#top.is-mobile #sb .sb_header {
  width: 100%;
  height: auto;
}
#top.is-mobile #sb .sb_header .sbtitle {
  width: 100%;
  float: none;
  padding: 35px 0 0 35px;
}
#top.is-mobile #sb .sb_header .sbtitle img {
  width: 80%;
}
#top.is-mobile #sb .sb_header .sbmenu {
  float: none;
  display: flex;
  width: 100%;
  font-size: 30px;
  display: none;
}
#top.is-mobile #sb .sb_header .sbmenu li {
  float: none;
}
#top.is-mobile #sb .sb_header .sbmenu li + li {
  padding-left: 30px;
}

#sidebar {
  /*&.active{
  	display: block;
  }*/
}
#sidebar #nav #menu .menu_l .menu_login {
  display: none;
}
#sidebar #nav #menu .menu_l .menu_link {
  display: none;
}
#sidebar.is-mobile {
  display: none;
  position: fixed;
  top: 120px;
  height: calc(100vh - 60px);
  overflow: auto;
}
#sidebar.is-mobile #nav {
  height: auto;
  font-size: 38px;
  line-height: 1.6;
}
#sidebar.is-mobile #nav #menu {
  height: auto;
  display: block;
}
#sidebar.is-mobile #nav #menu .menu_l {
  height: auto;
  width: 100%;
  min-width: inherit;
  display: block;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_login {
  display: flex;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_login a {
  display: flex;
  justify-content: center;
  padding: 40px 0;
  color: #fff;
  font-weight: bold;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_login a img {
  width: 40px;
  padding-right: 20px;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_link {
  display: flex;
  background: #F9F9F1;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_link > div {
  width: 50%;
  height: auto;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_link > div a {
  height: auto;
  justify-content: center;
  padding: 40px 0;
  color: #262626;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_link > div a img {
  width: 28px;
  padding-left: 15px;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_link > div + div {
  border-left: solid 1px #262626;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_bar {
  height: auto;
  text-align: center;
  border-top: solid 1px #ccc;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_bar a {
  padding: 50px 0;
  justify-content: center;
  font-weight: bold;
}
#sidebar.is-mobile #nav #menu .menu_l .menu_bar br {
  display: none;
}
#sidebar.is-mobile #nav #menu .menu_l .flex .menu_r, #sidebar.is-mobile #nav #menu .menu_l .flex .menu_c {
  width: 50%;
  height: auto;
  padding: 0;
}
#sidebar.is-mobile #nav #menu .menu_l .flex .menu_r a, #sidebar.is-mobile #nav #menu .menu_l .flex .menu_c a {
  height: auto;
  padding: 40px 0;
  justify-content: center;
}