@media only screen and (max-width: 768px) {
  #content {
    width: 100%; }
  header {
    width: 100%;
    height: auto; }
    header #pc-only {
      display: none; }
    header #sp-only {
      display: block; }
      header #sp-only h1 {
        text-align: center;
        margin: 0;
        padding: 10px 0; }
        header #sp-only h1 img {
          width: 30%;
          vertical-align: middle; }
      header #sp-only .drawer-hamburger {
        margin-top: 2px;
        margin-left: 10px; }
      header #sp-only nav.drawer-nav {
        padding: 40px; }
        header #sp-only nav.drawer-nav ul {
          line-height: 2.6; }
          header #sp-only nav.drawer-nav ul li a {
            color: #383838;
            -webkit-transition: .4s;
            transition: .4s;
            font-size: 115%; }
          header #sp-only nav.drawer-nav ul li a:hover {
            color: #bdbdbd; }
          header #sp-only nav.drawer-nav ul li p {
            color: #afafaf; }
  .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0; } }