@charset "UTF-8";

/* 各フォーム共通／フォームアシスト機能用css======================================================================================================== */
/*
フォームアシスト外部サービスからイーライフで用意するフォームアシスト機能への切り替え（2026.06）
※.enteredのradioボタンの色変更などは、各フォーム側のcssに記述
*/

/*オートコンプリート表示*/
.autocomplete_view{border-radius:6px;background-color:#FFF;border:solid 1px #DDD;position:absolute;z-index:9999;}
.autocomplete_view li{display:flex;font-size:14px;text-align:left;}
.autocomplete_view li span{padding:8px;cursor:pointer;}
.autocomplete_view li span.txt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.autocomplete_view li span.close{width:1em;text-align:center;color:#888;}

/*エラーツールチップ表示*/
.input_error_tooltip{position:absolute;bottom:100%;left:10px;z-index:9999;padding:8px 12px;background:#000;color:#fff;font-size:12px;line-height:1.4;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.15);opacity:1;transition:opacity 0.3s ease,transform 0.3s ease;transform:translateY(0);}
.input_error_tooltip::before{content:"";position:absolute;bottom:-6px;left:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;}
.input_error_tooltip.hide{opacity:0;transform:translateY(-4px);}

/*ナビゲーションウィンドウ*/
#required_fixed{ position: fixed; z-index: 9999; top: 170px; left: 30px; border: 2px solid rgb(0, 38, 138); box-sizing: border-box; border-radius: 10px; background-color: rgba(255,255,255,0.7); padding: 20px; box-sizing: border-box;}
#required_fixed .required_fixed_inner{ position: relative;}
#required_fixed .required_fixed_inner p{ display: none; width: 100%; font-size: 20px; line-height: 26px; font-weight: 700;}
#required_fixed .required_fixed_inner p > span{ font-size:125%; font-weight: 700; color: #FF6565;}
#required_fixed.required01 .required_fixed_inner p.required_text01,
#required_fixed.required02 .required_fixed_inner p.required_text02,
#required_fixed.required03 .required_fixed_inner p.required_text03,
#required_fixed.required04 .required_fixed_inner p.required_text04{display:block;}

/*住所候補表示*/
#assist_add{ display: inline-block; background-color: rgba(0,0,0,0.8); padding: 10px 15px; box-sizing: border-box; border-radius: 10px; font-size: 14px; line-height: 1.3; position: absolute; top: 0; left: 260px; z-index: 10; box-shadow: 0px 0px 10px -5px #777777;}
#assist_add > p{ color: #fff; text-align: center; margin-bottom: 5px;}
#assist_add ul li a,
#assist_add ul li span{ text-decoration: none; color: #fff; display: block;}
#assist_add ul li a:hover,
#assist_add ul li span:hover{ cursor: pointer; background-color: #999;}
.address_box .zip.empty #assist_add{ display: none;}

@media screen and (max-width:767px){
	/*エラーツールチップ表示*/
	.input_error_tooltip{max-width:250px;}

	/*ナビゲーションウィンドウ*/
	#required_fixed {top: 8px; right: 8px; left:auto; padding: 5px;}
	#required_fixed .required_fixed_inner p{ font-size: 14px; line-height: 1.4em;}
	
	/*住所候補表示*/
	#assist_add{ width:250px;}
}