﻿/********************************************************************************/
/********************sidebar ********************/
/********************************************************************************/
.sidebar {
  width: 300px;
  display: table-cell;
  vertical-align: top;
}
.sidebar_item {
  margin: 30px 0 0 0;
}
.sidebar_item ul {
  background: #fff;
  display: inline-block;
  width: 100%;
  padding: 5px 0 0 0;
}
.sidebar_item li {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 1.5em;
  border-bottom: solid 1px #eee;
  padding: 10px 15px;
}
.sidebar_item li:last-child {
  border: none;
  margin: 0;
}
.sidebar_item li a {
  color: #666;
  display: block;
}
.sidebar_item img {
  width: 70px;
  height: auto;
  float: left;
  margin: 0 15px 15px 0;
}
@media screen and (max-width: 960px) {
  .sidebar {
    display: inline-block;
    float: left;
    clear: both;
    width: 100%;
  }
  .sidebar .sidebar_item {
    float: left;
    width: 50%;
    padding: 0 15px 0 0;
    /*  &:nth-child(odd) {
                padding: 0;
            }

            &:nth-child(1) div {
                margin: 0 auto;
            }

            &:nth-child(2) {
                display: none;
            }
              */
  }
}
@media screen and (max-width: 690px) {
  .sidebar .sidebar_item {
    width: 100%;
    padding: 0;
  }
  .sidebar .sidebar_item:first-child {
    margin: 0;
  }
}