/** 
* ' 2025.12.05 Moe リキャプチャ移行対応
* リキャプチャV3-V2用

 2021.05.21 Moe Googleリキャプチャ対応 *
 2022.02.10 Moe SP版のリキャプチャ大きくしてほしい *
 reCAPTCHA v2 キャプチャ画像 *
.g-recaptcha {
    /* transform-origin: 0% 0%;
    transform: scale(0.77); */
    /* transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0; *
    text-align: center;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:20px;
  }
  _::-webkit-full-page-media,
  _:future,
  :root .sprecaptcha {

    /* top: 207px; *
    width: 620px;
    height: 160px;
  }
_::-webkit-full-page-media,
_:future,
:root .g-recaptcha {

  /* top: 207px; *
  text-align: center;
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
  margin-bottom:20px;
}


/* 2022.02.10 Moe SP版のリキャプチャ大きくしてほしい *
  /* reCAPTCHA v3　表示位置 *

.grecaptcha-badge{
    margin-bottom: 70px;
}
/* 2021.06.11 Moe Googleリキャプチャ対応 アイコンの非表示 *
/* .grecaptcha-badge { visibility: hidden; } *
/* 2021.06.11 Moe Googleリキャプチャ対応 アイコンの非表示 *
/* 2021.05.21 Moe リキャプチャ対応 *
*/

/** 
* ' 2025.12.05 Moe リキャプチャ移行対応
* リキャプチャV3-V2用
*/
#status-msg { margin-top: 15px; font-weight: bold; text-align: center; white-space: pre-wrap; line-height: 1.5; }

/* v2表示エリア（サイズ完全適合版） */
#recaptcha-v2-container {
	/* 配置と余白 */
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	
	/* 見た目 */
	background: #fff3cd;
	border: 1px solid #ffeeba;
	border-radius: 8px;
	
	/* サイズ制御 */
	display: block;
	box-sizing: border-box; /* paddingを含めて幅を計算 */
	
	width: 100%;            /* 親要素の幅に合わせて一杯まで広げる */
	max-width: 680px;       /* PC版のメール入力欄(680px)に合わせる */
	min-width: 320px;       /* スマホで極端に狭くならないように */

	/* 内部レイアウト */
	padding: 25px 10px;     /* 上下ゆったり、左右は少し詰める */
	text-align: center;
	
	animation: fadeIn 0.5s ease;
}

/* 注意書きテキスト */
.v2-instruction {
	color: #856404;
	margin-bottom: 20px;    /* 間隔を少し広げて読みやすく */
	font-weight: bold;
	font-size: 16px;        /* 文字サイズも少し大きく */
	line-height: 1.5;
}

/* リキャプチャウィジェット本体 */
#v2-widget {
	display: inline-block;
	vertical-align: top;
	/* ウィジェット自体はGoogleの仕様で幅304px固定です */
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}
/** 
* リキャプチャV3-V2用
*/