/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ===== TWB Hero – Lottie → Poster 切替（完全版） ===== */
.twb-hero{
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 1134 / 1701;  /* AEコンポ比率 */
  max-height: 80vh;           /* 任意で調整可 */
  overflow: hidden;
  background: #fff;           /* 黒下地防止 */
}

/* 2レイヤー（上：アニメ／下：ポスター） */
.twb-hero__anim,
.twb-hero__poster{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.twb-hero__anim{ z-index: 2; }    /* 再生中は前面 */
.twb-hero__poster{
  z-index: 1;
  opacity: 0;                     /* 初期は非表示（JSで見せる） */
  transition: opacity .6s ease;
  pointer-events: none;
}

/* 完了時にJSから付与して表示 */
.twb-hero__poster.is-visible{ opacity: 1; }

/* 状態クラス（任意・ユーティリティ） */
.is-hidden{ display: none !important; }

/* ポスターSVGのスケーリングをLottieと一致させる */
.twb-hero__poster svg{
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* アニメ無効ユーザーにも最終状態を確実に見せる */
@media (prefers-reduced-motion: reduce){
  .twb-hero__poster{ opacity: 1 !important; }
}

/* =====  5カラム内の画像サイズ調整 ===== */

/* 通常（PC）時：横幅100%で表示 */
.column-5-images img {
  width: 100%;
  height: auto;
}

/* スマホ時（～767.98px）：画像を小さく */
@media (max-width: 767.98px) {
  .column-5-images img {
    width: 70%; /* ←お好みで60〜80%などに調整可能 */
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

/* ===== MAP ===== */
/* 初期状態：両方非表示 */
.show-pc,
.show-sp {
  display: none !important;
}

/* PC用画像：768px以上で表示 */
@media (min-width: 768px) {
  .show-pc {
    display: block !important;
  }
}

/* スマホ用画像：767.98px以下で表示 */
@media (max-width: 767.98px) {
  .show-sp {
    display: block !important;
  }
}


/* ===== お問合せフォーム ===== */
.required {
  color: red;
}
.form_Privacy_Policy {
  margin-left: 25px;
  text-decoration: underline; /* リンクを強調したい場合 */
  color: #0073e6; /* リンク色を任意で設定 */
}
.wpcf7 input[type="checkbox"] {
    transform: scale(1.5); /* 1.5倍に拡大 */
    margin-right: 8px;     /* ラベルとの間隔調整 */
    vertical-align: middle; /* テキストと縦位置を揃える */
}
.wpcf7 input[type=submit] {
    width: 90%;          /* 横幅90% */
    padding: 1.5em 2em;  /* 高さ・内側余白 */
    display: block;      /* ブロック要素にする */
    margin: 80px auto 0 auto;  /* 上に余白100px、左右中央寄せ、下余白0 */
    font-size: 20px;     /* フォントサイズ調整 */
}