@charset "utf-8";

/*
:root{
	--color-form-red:
}
*/
ul.form-btns{justify-content:space-between; gap:1rem; padding-top:3rem;}

.form-row{position:relative;}

.form-label.required::before{
	content:'必須';
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align:bottom;
	border-radius:0;
	color:white;
	background-color:#E10000;
	margin-right:.5rem;
	position:relative;
	top:-.2rem;
}
.mode-conf .form-label::before{content:none !important;}

textarea.form-control{
	field-sizing:content;
	width:100%;
	min-height:5rem;
/* 	min-height:min-content; */
}
textarea.readonly{background-color:rgba(0,0,0,.05); border-color:rgba(0,0,0,.1);}

.valid-tooltip,
.invalid-tooltip{top:0; right:0; opacity:.9;}







/*
.bs4form .h-adr .row,
.bs4form>.row{margin-bottom:1rem;}
*/


/*
.form-control{
	border-radius:3px;
	padding:.5rem .75rem;
	border-color:#212529;
}
*/

/*
select,
select.form-control{display:inline-block; width:auto;}
*/


/*
[type="submit"].btn.disabled{
	pointer-events:auto;
}

.col-zip input{display:inline-block; width:auto;}
.col-zip::before{content:'〒'};
*/

/* error
----------------------------------------------- */
/*
.help-block {
	display:none;
	color: #737373;
	font-size:.9rem;
}
.has-error .help-block{
	display: block !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.has-error .form-control {
	border-color: #E10000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-error .form-check-label,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #E10000;
}

.with-errors ul.list-unstyled{margin-bottom:0;}
*/

/* .mode-conf
----------------------------------------------- */

/* comp
----------------------------------------------- */
.btn-comp>span{display:inline-block; position:relative;}
.btn-comp .spinner-border{position:absolute; top:0; left:-2.5em; display:none;}

/* .form-comp-box{display:none;} */

#form-comp .modal-content{
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}
#form-comp .btn-close{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f5132'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

#form-comp.error .modal-content{
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}
#form-comp.error .btn-close{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23842029'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

/* error tooltip version
----------------------------------------------- */
/*
.help-block{position:relative;}
.help-block ul li{font-size:.8rem; padding:.2rem .75rem; color:#842029; background-color:#f8d7da; border-radius:4px; position:absolute; top:0; right:1rem; transform:translateY(-85%);}
.help-block ul li::after{
	content:'';
	display:block;
	width:0;
	height:0;
	border:10px solid red;
	border-color:#f8d7da transparent transparent transparent;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%, 100%);
}
*/