/* ヘッダー追従設定 */

.z-global-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  --transition: transform .3s cubic-bezier(.19,1,.22,1);
}

.z-global-header.z-is-fix {
  position: fixed;
  transform: translate3d(0,-100%,0);
}

.z-global-header.z-is-hide {
  transform: translate3d(0,-100%,0);
  transition: var(--transition);
}

.z-global-header.z-is-show {
  transition: var(--transition);
  transform: translate3d(0,0,0);
}

