/* 11/06 fv_sp3: 本番 /v3/ の縦長スマホFVだけを補正。PC（921px以上）は変更しない。 */
@media (max-width:920px) and (orientation:portrait){
  html[data-fv="ex"] .fv{
    height:min(100svh,max(667px,140vw))!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html[data-fv="ex"] .fv>.fv-layer.fv-ex{overflow:hidden!important}
  html[data-fv="ex"] .fv-ex__stage{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
  }

  /* 3人は常に画面中央。下半身はロゴと破れ紙の裏で自然に消す。 */
  html[data-fv="ex"] .fv-ex__trio{
    content:url(assets/fv-extract/trio-g02n9.webp?v=1)!important;
    left:50%!important;
    top:calc(var(--hh) - 2vw)!important;
    width:100vw!important;
    max-width:none!important;
    transform:translateX(calc(-50% - .306vw))!important;
    translate:0 -12.3%!important;
    clip-path:none!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0 69%,rgba(0,0,0,.96) 73%,transparent 84%)!important;
    mask-image:linear-gradient(to bottom,#000 0 69%,rgba(0,0,0,.96) 73%,transparent 84%)!important;
    z-index:1!important;
  }

  html[data-fv="ex"] .fv-ex__divider{
    height:58%!important;
    z-index:2!important;
    background:url(assets/fv-extract/divider-sp.webp) center bottom/100% 100% no-repeat!important;
  }

  html[data-fv="ex"] .fv-ex__logo{
    left:50%!important;
    top:29%!important;
    width:min(90vw,680px)!important;
    transform:translateX(-50%)!important;
    z-index:4!important;
  }

  html[data-fv="ex"] .fv-ex__text{
    left:50%!important;
    top:57%!important;
    bottom:auto!important;
    width:min(90vw,680px)!important;
    transform:translateX(-50%)!important;
    z-index:5!important;
  }

  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions{
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(92vw,700px)!important;
    transform:translateX(-50%)!important;
    gap:8px!important;
    z-index:6!important;
  }

  html[data-fv="ex"] .fv-button,
  html[data-fv="ex"] .fv-button--openchat,
  html[data-fv="ex"] .fv-button--x{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
  }
  html[data-fv="ex"] .fv-button a{font-size:clamp(13px,3.5vw,18px)!important}
  html[data-fv="ex"] .fv-button a svg{width:1.4em!important;height:1.4em!important}
}

@media (min-width:541px) and (max-width:920px) and (orientation:portrait){
  html[data-fv="ex"] .fv-ex__trio{top:calc(var(--hh) - 3vw)!important}
  html[data-fv="ex"] .fv-ex__logo{top:27%!important}
  html[data-fv="ex"] .fv-ex__text{top:68%!important;width:min(80vw,680px)!important}
  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions{width:94vw!important;flex-direction:row!important}
  html[data-fv="ex"] .fv-button,
  html[data-fv="ex"] .fv-button--openchat,
  html[data-fv="ex"] .fv-button--x{height:54px!important;min-height:54px!important}
  html[data-fv="ex"] .fv-button a{font-size:clamp(14px,2.25vw,18px)!important}
}