/* サイト共通レイアウト — 左ナビ + メイン */
.layout {
  width: 100%;
  border-collapse: collapse;
}
.sidebar {
  width: 18%;
  background-color: #F0F0FF;
  vertical-align: top;
}
.main {
  vertical-align: top;
}
.content {
  max-width: 960px;
}
.ad-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1em;
}
@media screen and (max-width: 700px) {
  .layout,
  .layout > tbody,
  .layout > tbody > tr,
  .layout > tbody > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  .sidebar {
    padding: 0.5em 1px;
    border-bottom: 1px solid #ddd;
  }
  .sidebar br {
    display: none;
  }
  .sidebar .nav-menu {
    width: 100% !important;
    margin: 0;
    padding: 0 1px;
  }
  .sidebar .nav-menu tr {
    display: block;
  }
  .sidebar .nav-menu tr.nav-spacer {
    display: none;
  }
  .sidebar .nav-menu td {
    display: inline;
    width: auto !important;
    padding: 0;
  }
  .sidebar .nav-menu td.nav-indent {
    display: none;
  }
  .sidebar .nav-menu p {
    display: inline;
    margin: 0 1em 0.5em 0;
    white-space: nowrap;
  }
  .main h1 {
    font-size: 1.35em;
    padding: 0 0.5em;
  }
}