/* Mobile only: original #f_footer ribbon, centered prices and rounded type. */
.trial-float-mobile{display:none}
@media(max-width:760px){
  .trial-float{
    --trial-rounded:"FOT-筑紫A丸ゴシック Std B","Hiragino Maru Gothic ProN",sans-serif;
    border:0;
    border-radius:22px 22px 0 0;
    box-shadow:0 -8px 28px #123c2929,0 -1px 0 #ffffff66;
  }
  .trial-float[data-mobile-sheet]{
    visibility:visible;
    transform:translateY(0);
    will-change:transform;
    transition:transform .55s cubic-bezier(.22,.61,.36,1),visibility 0s;
  }
  .trial-float[data-mobile-sheet][hidden]{
    /* Retain measurable geometry while the sheet slides off screen. */
    display:block;
    visibility:hidden;
    transform:translateY(calc(100% + 32px));
    pointer-events:none;
    transition:transform .45s cubic-bezier(.4,0,.2,1),visibility 0s .45s;
  }
  .trial-float-link{
    display:block;
    max-width:none;
    padding:0;
    border-radius:inherit;
    font-family:var(--trial-rounded);
  }
  .trial-float-link>:not(.trial-float-mobile){display:none}
  .trial-float-mobile{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:0;
    padding:22px 10px 8px;
    text-align:center;
    font-family:var(--trial-rounded);
    font-weight:700;
    letter-spacing:0;
    color:var(--brand-white);
  }
  .trial-float-mobile-ribbon{
    position:absolute;
    width:200px;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
  }
  .trial-float-mobile-ribbon img{display:block;width:100%;height:auto}
  .trial-float-mobile-original{
    font-family:var(--trial-rounded);
    font-size:clamp(10px,3.077vw,12px);
    line-height:1.45;
  }
  .trial-float-mobile-offer{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:6px;
    font-family:var(--trial-rounded);
    font-size:20px;
    line-height:1.4;
    white-space:nowrap;
  }
  .trial-float-mobile-offer strong{
    color:var(--brand-yellow);
    font-family:var(--trial-rounded);
    font-size:38px;
    font-weight:700;
    letter-spacing:0;
  }
  .trial-float-mobile-note{display:none}
  .trial-float-mobile-fallback{
    font-family:var(--trial-rounded);
    font-size:16px;
    line-height:1.6;
  }
  .trial-float-mobile [hidden]{display:none}
  .trial-float-link:focus-visible{outline-offset:-4px}
  /* Initial estimate; the existing ResizeObserver replaces it with the actual height. */
  html.trial-enhanced{
    --trial-clearance:calc(130px + env(safe-area-inset-bottom,0px));
    --trial-banner-height:calc(102px + env(safe-area-inset-bottom,0px));
  }
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .trial-float[data-mobile-sheet],.trial-float[data-mobile-sheet][hidden]{transition:none}
}
@media(max-width:760px){
  html[data-motion-paused="true"] .trial-float[data-mobile-sheet]{transition:none}
}
@media(max-width:350px){
  .trial-float-mobile-offer{font-size:18px}
}