/*
Theme Name: Anytime Fitness Nishitetsu Hirao LP
Author: Nishitetsu Hirao LP Renewal
Description: エニタイムフィットネス西鉄平尾店の先行WEB入会LP専用テーマ
Version: 1.0.1
Text Domain: anytime-nishitetsu-hirao
*/
html{scroll-behavior:auto}body{margin:0}#map_canvas iframe{display:block;width:100%;height:100%}

/* 西鉄平尾店版：FV先行受付バッジ */
.lp-mv{position:relative}
.hirao-fv-offer{position:absolute;z-index:20;right:clamp(14px,4vw,64px);bottom:clamp(16px,5vw,58px);width:min(390px,36vw);padding:15px 22px 16px;color:#fff;text-align:center;background:linear-gradient(135deg,rgba(30,18,103,.96),rgba(74,31,154,.95));border:3px solid #fff;border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.35);animation:hiraoOfferIn .8s ease .35s both}
.hirao-fv-offer__eyebrow{display:block;margin-bottom:5px;font-size:clamp(14px,1.6vw,22px);font-weight:700;letter-spacing:.08em}
.hirao-fv-offer__title{display:block;font-size:clamp(22px,2.5vw,34px);font-weight:900;line-height:1.15;letter-spacing:.02em}
.hirao-fv-offer__campaign{display:block;margin-top:6px;font-size:clamp(12px,1.2vw,16px);font-weight:700}
@keyframes hiraoOfferIn{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}

/* MV切り替えコピー */
.lp-mv .slide-contents .hirao-mv-copy{width:72%;max-width:720px;margin-top:8%;color:#fff;font-size:clamp(30px,4.6vw,58px);font-weight:900;line-height:1.28;letter-spacing:.02em;text-shadow:0 3px 16px rgba(0,0,0,.24)}
.lp-mv .slide-contents .cont-01 .hirao-mv-copy{color:#440099;text-shadow:none}
.lp-mv .slide-contents .cont-02 .cont-logo,.lp-mv .slide-contents .cont-03 .cont-logo{margin-top:5.5%}

/* FV直下 動画 */
.hirao-movie{padding:72px 20px 78px;background:linear-gradient(145deg,#130858 0%,#29126f 62%,#47208b 100%);color:#fff;text-align:center}
.hirao-movie__inner{width:min(100%,1080px);margin:auto}
.hirao-movie__kicker{margin:0 0 9px;color:#bba8ff;font-size:14px;font-weight:800;letter-spacing:.18em}
.hirao-movie__title{margin:0 0 28px;color:#fff;font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.35}
.hirao-movie__frame{position:relative;overflow:hidden;width:100%;padding-top:56.25%;background:#000;border:5px solid #fff;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.hirao-movie__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hirao-movie__note{margin:18px 0 0;font-size:13px;opacity:.78}
.campaign-provisional{display:inline-block;margin-top:18px;padding:9px 15px;color:#fff;background:#e50067;border-radius:99px;font-size:13px;font-weight:700}

@media(max-width:700px){
  .hirao-fv-offer{right:10px;bottom:12px;left:10px;width:auto;padding:12px 14px 14px;border-width:2px;border-radius:12px}
  .hirao-fv-offer__eyebrow{font-size:12px}
  .hirao-fv-offer__title{font-size:24px}
  .hirao-fv-offer__campaign{margin-top:6px;padding-top:6px;font-size:13px}
  .lp-mv .slide-contents .hirao-mv-copy{width:78%;margin-top:8%;font-size:clamp(27px,8vw,32px);line-height:1.3}
  .lp-mv .slide-contents .cont-02 .hirao-mv-copy{font-size:clamp(24px,7.1vw,29px)}
  .lp-mv .slide-contents .cont-03 .hirao-mv-copy{font-size:clamp(23px,6.7vw,28px)}
  .hirao-movie{padding:46px 14px 50px}
  .hirao-movie__title{margin-bottom:20px;font-size:25px}
  .hirao-movie__frame{border-width:3px;border-radius:10px}
}