@media screen and (max-width: 1023px) {
  #content #sidebar {
    margin-top: 4rem;
    padding: 0;
  }
}

#content #sidebar > div {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  text-indent: 10px;
  background-color: #e5e5e5;
  margin: 0 0 30px 0;
  padding: 1rem 0 0 0;
}

#content #sidebar > div ul {
  margin-top: 1rem;
  padding: 1rem;
  background-color: white;
}

#content #sidebar > div ul li + li {
  margin-top: 1rem;
}

#content #sidebar .popular-posts li {
  display: flex;
}

#content #sidebar .popular-posts li img {
  width: 75px;
  height: 75px;
  margin-right: 1rem;
  padding: 0px;
}

#content #sidebar .popular-posts li .title {
  padding: 0px;
  font-size: 1.4rem;
  font-weight: normal;
}

#content #sidebar .popular-posts li + li {
  padding-top: 1rem;
  border-top: solid 1px #ddd;
}

#content #sidebar #npcatch li a {
  display: flex;
}

#content #sidebar #npcatch li a img {
  width: 75px;
  height: 75px;
  margin-right: 1rem;
  padding: 0px;
}

#content #sidebar #npcatch li a .title {
  padding: 0px;
  font-size: 1.4rem;
  font-weight: normal;
}

#content #sidebar #npcatch li + li {
  padding-top: 1rem;
  border-top: solid 1px #ddd;
}

#content #sidebar .cat-item {
  font-size: 1.4rem;
  font-weight: normal;
  background: url(../images/common/arrow_side.jpg) no-repeat left 6px;
}

#content #sidebar .cat-item .children {
  margin-top: 0;
}

#content #sidebar .cat-item a {
  padding-left: 0.5rem;
}