.item-page {
  display: flex;
  min-height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;

  &__nav,
  &__content {
    box-sizing: border-box;
    padding-top: 130px;
    height: 100vh;
    position: relative;
  }

  &__header {
    min-height: 40px;
    margin: 0 0 25px;
  }

  &__nav {
    flex: 0 0 calc((100vw - 1200px) / 2 + 400px);
    /*flex: 0 0 37%;*/
    &__inner {
      box-sizing: border-box;
      float: right;
      width: 410px;
      padding: 0 40px 0 10px;
    }
  }

  &__content {
    flex: 0 0 calc((100vw - 1200px) / 2 + 800px);
    /*flex: 0 0 calc((100vw - 1200px) / 2);*/
    background: var(--color-white);
    &__inner {
      box-sizing: border-box;
      width: 810px;
      padding: 0 10px 0 100px;
    }
  }
}