/* ファイル、画像設定画面用 */
#jssysBk {
	display:none;
	width:100%;
	height:100% !important;
	position:fixed;
	top:0 !important;
	left:0;
	z-index:100;
	opacity:0.8;
	background-color:var(--jswin-overlay-color);
	padding:0;
	text-align:left;
}
#jssys {
	display:none;
	position:fixed;
	z-index:1000;
	border:var(--jswin-overlay-color) solid 2px;
	background-color:var(--jswin-background-color);
	padding:0;
	text-align:left;
	color:var(--jswin-text-color);
}
#js_win_wrap {
	text-align:left;
	width: 100%;
	height: 500px;
	overflow: scroll;
}
#js_win_title div {
	padding-top:3px;
	height: 32px;
	font-weight:bold;
	font-size:14pt;
	background-color:var(--jswin-title-background-color);
	border-bottom:var(--jswin-overlay-color) solid 1px;
	vertical-align:middle;
}
#js_win_title {
	padidng-top:3px;
	height: 32px;
	font-weight:bold;
	font-size:14pt;
	background-color:var(--jswin-title-background-color);
	border-bottom:var(--jswin-overlay-color) solid 1px;
	vertical-align:middle;
}
.fileBtnWrap{
	padding: 10px 40px;
	color: var(--button2-text-color);
	background-color: var(--button2-background-color);
	cursor: pointer;
}
.fileBtnWrap input[type="file"] {
	display:none;
}
.fileBtnUnselected {
	margin: 10px 0 0 0;
}
#js_win_title input[type='image']{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:15px;
}

/* フォームパーツ */
.form{
	margin:30px auto;
}
.form p.text{
	margin:30px auto;
}
.form div.label{
	margin:0 0 5px;
	font-size:18px;
	border-bottom:var(--form-label-border) solid 1px;
	padding:0 0 5px 0;
}
.form div.label span.hissu{
	color:var(--form-hissu-text);
	font-weight:bold;
}
.form div.item{
	margin:0 0 30px;
}
.form div.item div:first-child{
	margin:0 0 5px;
}
.form div.item input[type='text'],
.form div.item input[type='password'],
.form div.item input[type='email'],
.form div.item input[type='number'],
.form div.item input[type='tel'],
.form div.item input[type='url']{
	width:80%;
	padding:10px;
	border-top:var(--form-parts-shadow) solid 1px;
	border-left:var(--form-parts-shadow) solid 1px;
	border-bottom:var(--form-parts-shadow) solid 3px;
	border-right:var(--form-parts-shadow) solid 3px;
	font-size:18px;
}
.form div.item textarea{
	width:80%;
	height:200px;
}

::placeholder {
  color: var(--form-placeholder);
}
.form div.item input[type='radio'],
.form div.item input[type='checkbox']{
	transform:scale( 2.0 );
	margin:0 10px 0 0;
	accent-color: var(--form-text-color);
}
.form div.item label:last-child{
	margin:0 0 0 20px;
}
.form div.item label:first-child{
	margin:0 0 0 0;
}
.form div.item label{
	font-size:18px;
}
.form div.item input[name='birth_y']{
	width:80px;
}
.form div.item select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:var(--form-background-color);
	color:var(--form-text-color);
	padding:10px;
	border-top:var(--form-parts-shadow) solid 1px;
	border-left:var(--form-parts-shadow) solid 1px;
	border-bottom:var(--form-parts-shadow) solid 3px;
	border-right:var(--form-parts-shadow) solid 3px;
	font-size:18px;
}
.form .red{
	color:var(--red-card-text-color);
	background-color:var(--red-card-background-color);
	padding:10px;
}

div.btn-area{
	text-align:center;
}
.btn-disabled{
	padding:10px;
	text-align:center;
	margin:0 auto;
	background-color: var(--button-disabled-background-color);
	color: var(--button-disabled-text-color);
	font-weight:bold;;
}
button.send-btn{
	text-align:center;
	margin:0 auto;
	background-color: var(--button1-background-color);
	border: 2px solid var(--button1-text-color);
	color: var(--button1-text-color);

	padding:10px;
	font-weight:bold;;
}
button.back-btn{
	text-align:center;
	margin:0 auto;
	background-color: var(--button3-background-color);
	border: 2px solid var(--button3-text-color);
	color: var(--button3-text-color);

	padding:10px;
	font-weight:bold;;
}