@media screen and (min-width: 900px) and (max-width: 1110px) {
  div#header-in,
  div#navi-in,
  div#body-in {
    padding: 0 24px;
    width: 100%;
  }
  #mobile-menu {
    display: none;
  }
  #navi ul {
    border: 1px solid #ddd;
    display: block;
  }
  #navi ul li {
    float: left;
  }
  #navi ul li a {
    font-size: 14px;
    padding: .3em .7em;
  }
  #main {
    margin-right: 24px;
    width: calc(100% - (300px + 24px * 3));
  }
  div#sidebar {
    clear: none;
    float: right;
    width: 300px;
  }
}