/* AKS /aks/ — フッターとページ先頭へのリンク */
body.postid-1335.asakura-place-mode-paid_lp #asakura-custom-lp-1335 {
  width: 100%;
  max-width: none;
  contain: none;
  overflow: visible;
}
body.postid-1335 #asakura-custom-lp-1335 .aks-up {
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(14px, env(safe-area-inset-bottom));
  z-index: 5;
  margin: 0;
}
@keyframes aks1335-show-top {
  from { opacity: 0; visibility: hidden; }
  to { opacity: 1; visibility: visible; }
}
@supports (animation-timeline: scroll(root block)) and (animation-range: 0px 160px) {
  body.postid-1335 #asakura-custom-lp-1335 .aks-up {
    animation: aks1335-show-top 1s steps(1, end) both;
    animation-timeline: scroll(root block);
    animation-range: 0px 160px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  html:has(body.postid-1335.asakura-place-mode-paid_lp) { scroll-behavior: smooth; }
}

/* AKS /aks/ — 追従ヘッダー */
body.postid-1335 #asakura-custom-lp-1335 .aks-header {
  position: sticky;
  top: 0;
  z-index: 8;
  min-height: 64px;
  pointer-events: none;
}
body.postid-1335 #asakura-custom-lp-1335 .aks-header-bar { pointer-events: auto; }
body.postid-1335 #asakura-custom-lp-1335 .aks-header-bar.aks-header-compact { box-shadow: 0 3px 14px rgb(48 41 30 / 12%); }
body.postid-1335 #asakura-custom-lp-1335 #aks-about { scroll-margin-top: 74px; }
body.postid-1335.admin-bar #asakura-custom-lp-1335 .aks-header { top: 32px; }
@media (max-width: 782px) {
  body.postid-1335.admin-bar #asakura-custom-lp-1335 .aks-header { top: 46px; }
}
@media (max-width: 600px) {
  body.postid-1335.admin-bar #asakura-custom-lp-1335 .aks-header { top: 0; }
}
@keyframes aks1335-compact-header {
  from { padding-block: 18px; box-shadow: none; }
  to { padding-block: 6px; box-shadow: 0 3px 14px rgb(48 41 30 / 12%); }
}
@supports (animation-timeline: scroll(root block)) and (animation-range: 24px 100px) {
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-bar {
    animation: aks1335-compact-header 1s linear both;
    animation-timeline: scroll(root block);
    animation-range: 24px 100px;
  }
}

/* AKS /aks/ — スマホ用のメニュー */
@media (max-width: 760px) {
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-bar { position: relative; flex-wrap: nowrap; padding-inline: 4%; }
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-desktop,
  body.postid-1335 #asakura-custom-lp-1335 .aks-line-desktop { display: none; }
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-mobile { display: inline-flex; }
  body.postid-1335 #asakura-custom-lp-1335 .aks-line-mobile { display: inline; }
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-line { min-height: 36px; padding: 5px 12px; }
  body.postid-1335 #asakura-custom-lp-1335 .aks-menu-panel:target {
    display: block;
    position: absolute;
    top: 100%;
    right: 4%;
    min-width: 218px;
    z-index: 2;
  }
}

@media (max-width: 330px) {
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-mobile {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    gap: 0;
  }
  body.postid-1335 #asakura-custom-lp-1335 .aks-header-mobile .aks-menu-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

/* AKS /aks/ — 波線の挿絵 */
body.postid-1335 #asakura-custom-lp-1335 .aks-feature-wave { position: relative; }
body.postid-1335 #asakura-custom-lp-1335 .aks-book-bird {
  position: absolute; bottom: clamp(-50px, -3.5vw, -38px); right: clamp(18px, 11vw, 152px); z-index: 3; pointer-events: none;
}
body.postid-1335 #asakura-custom-lp-1335 .aks-squirrel-track {
  position: absolute; bottom: clamp(-76px, -5.6vw, -44px); left: 0; width: 100%; max-width: none; overflow: clip visible; z-index: 3; pointer-events: none;
}

body.postid-1335 #asakura-custom-lp-1335 .aks-up-cloud .aks-cloud-shape {
  filter: drop-shadow(0 0 1px #9b7848) drop-shadow(0 2px 3px rgb(95 69 39 / 27%));
}

body.postid-1335 #asakura-custom-lp-1335 .aks-up-cloud .aks-up-label { position: relative; z-index: 1; }
