html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wp-site-blocks {
width: 100%;
height: 100vh;
position: absolute;
}

.home-top-container-inner {
  border-bottom: 1px solid var(--wp--preset--color--contrast);
  gap: 0;
  position: relative;
}

.home-top-container-inner-left {
  overflow: hidden;
  flex: 1;
  width: calc(100% - 650px);
}

.home-top-container-inner-left p {
  margin: unset;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  border-bottom: 1px solid var(--wp--preset--color--contrast);
  width: inherit;
}

.home-top-container-inner-left p:last-child {
  border: unset;
}

.home-top-container-inner-right {
  width: 650px;
  padding-left: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--wp--preset--color--base);
  z-index: 99;
  height: 100%;
}

.about-content-inner {
  display: none;
}

.home-top-container-sns-area {
  height: 100%;
}

.about-content {
  height: 100%;
  align-content: center;
}

.about-content.on {
  align-content: unset;
}

.home-bottom-container {
  flex: 1;
  padding: 0 15px;
  padding-bottom: 10px;
}

main.main {
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
  margin-block-start: unset;
}

.mob-main-menu {
  right: 5px;
}

@media (min-width: 770px) {
  .pc-hidden {
    display: none !important;
  }
}

@media (max-width: 1100px) {
}

@media (max-width: 770px) {

  .wp-site-blocks {
    width: 100%;
    height: 100% !important;
    position: absolute;
}

  .home-top-container {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .about-content {
    background: var(--wp--preset--color--base);
    position: relative;
    align-content: unset;
    overflow: hidden;
  }

  .sns-button-area.on {
    border-bottom: 1px solid var(--wp--preset--color--contrast);
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: calc(100% - 20px);
    right: 10px;
}

.home-top-container-inner-right {
  display: none;
  width: 100% !important;
  padding: 0 !important;
}
.home-top-container-inner-left {
  width: unset !important;
}

.plus-on main {
  position: relative;
}

.plus-on .home-top-container-inner {
  position: unset;
}

.plus-on .home-top-container-inner-right {
  display: block;
  height: 100% !important
}

.plus-on .about-content {
  padding: 0 10px;
}

.plus-on .about-content-inner {
  display: block;
}
.header-inner {
  height: 45px;
  padding-top: 5px !important;
}
}
