:root {
  --font-size-base: 1;
  --text-size-scale: 1.2;
}

html {
  font-feature-settings: "palt" 0;
}

main:not(.sh-bg) .hc-post__header {
  background-color: #ececea;
  background-image: url(../images/common/post-header-1.png), url(../images/common/post-header-2.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
@media only screen and (max-width: 768px) {
  main:not(.sh-bg) .hc-post__header {
    padding: 11.25rem 4rem;
  }
}

.SH45-nav {
  position: fixed;
  z-index: 11;
  left: 0;
  right: 0;
  top: 9rem;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  height: 5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translate(0, -9rem);
}
.is-loaded .SH45-nav {
  transition-property: opacity, transform;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}

.is-more-scrolled .SH45-nav {
  transform: translate(0, 0);
  opacity: 1;
}

.SH45-nav a {
  font-size: 1.4rem;
  font-weight: 700;
}
.SH45-nav a + a::before {
  content: "|";
  font-weight: 500;
  margin: 0 1em;
}/*# sourceMappingURL=SH45.css.map */