.main-container {
  width: 100%;
  max-width: 85%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

.main-container::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.l-main {
  max-width: calc(100% - 300px);

  float: left;
}

.sidebar {
  width: 300px;
  float: right;
}

.main-footer {
  width: 96%;
  max-width: 720px;
  margin: 40px auto 0;
}

.l-nav {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .p-menu__lists {
    justify-content: center;
  }
}

.book-container {
  margin: 60px 0 0 15%;
}

.book-container-mobile {
  display: none;
  margin: auto;
}

.book-container a,
.book-container-mobile a {
  color:inherit;
}

.article-title {
  font-size: 5.5rem;
}

@media (max-width: 991.98px) {

  .article-title {
    font-size: 4rem;
  }

  .main-container {
    max-width: 90%;
  }

  .l-main {
    max-width: 100%;
    float: none;
  }

  .sidebar {
    float: none;
    display: none;
  }

  .book-container-mobile {
    display: block;
  }

  .main-footer {
    max-width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 639.98px) {
  .l-nav {
    padding-left: 16px;
  }
}

@media (max-width: 575.98px) {
  .article-title {
    font-size: 3.2rem;
  }
}