.page-top-area {
  position: sticky;
  top: 42px;
  z-index: 10;
  width: 100%;
  background-color: #322F2F;
}
.page-top-area.page-top-area--edit > .inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-top-area.page-top-area--edit .dummy-box {
  width: 16px;
}
.page-top-area.page-top-area--management > .inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-top-area.page-top-area--management .dummy-box {
  width: 20px;
}
.page-top-area.page-top-area--add > .inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-top-area.page-top-area--add .dummy-box {
  width: 40px;
}
.page-top-area > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 10px;
  min-height: 42px;
}
.page-top-area .page-title {
  color: #FFFFFF;
  font-size: 10px;
}
.page-top-area .edit-img {
  width: 21px;
}
.page-top-area .action-text {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}
.page-top-area .menu-link-color-none {
  text-decoration: none;
  color: inherit;
}

.page-top-search-area {
  position: sticky;
  top: 84px;
  z-index: 10;
  width: 100%;
  background-color: #322F2F;
}
.page-top-search-area > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 10px;
  min-height: 42px;
}

@media screen and (min-width: 900px) {
  .page-top-area {
    top: 60px;
    margin: 0 calc(50% - 50vw + 175px);
    width: calc(100vw - 350px);
    transition: 
    margin .6s ease-in-out,
    width .6s ease-in-out;
  }
  body.humburgerMenuClose .page-top-area {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  .page-top-area.page-top-area--edit .dummy-box {
    width: 23px;
  }
  .page-top-area > .inner {
    padding: 15px 19px;
  }
  .page-top-area .page-title {
    font-size: 16px;
  }
  .page-top-area .edit-img {
    width: 23px;
  }
  .page-top-area .action-text {
    font-size: 16px;
  }
  .page-top-search-area {
    top: 106px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}