/* pc　768px以上 */
.wrap{
  overflow: hidden;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.main{
  float: right;
  width: 568px;
  height: 514px;
  background-color: #aaa;
}
.side-menu{
  float: left;
  width: 200px;
  border-top: 1px solid #333;
}
.side-menu li a{
  display: block;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #333;
  text-decoration: none;
  color: #333;
}

/* スマホ　767px以下 */
@media only screen and (max-width: 767px) {
  .wrap{
    width: 100%;
  }
  .main{
    float: none;
    width: 90%;
    height: 514px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .side-menu{
    /*　floatを解除 */
    float: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}