@charset "UTF-8";
/**
 * form.css
 *
 */

/* form
--------------------------------------------------------- */
.editable_field_area {
	position: relative;
}
	.editable_field_area .editable_field {
		display: block;
		padding: 8px;
		margin: 0;
	}
	.editable_field_area a.editable_field_button {
		position: absolute;
		right: 12px;
		top: 8px;

		display: inline-block;
		color: #2eb1c7;
		font-size: 14px;
		border: 1px solid #2eb1c7;
		border-radius: 4px;
		padding: 2px;
	}
	.editable_field_area a.editable_field_button:hover {
		background: #2eb1c7;
		color: #fff;
	}
	.editable_field_area a.editable_field_button:hover i {
		background: #2eb1c7;
		color: #fff;
	}


/* field_info
--------------------------------------------------------- */
.field_info {
	padding: 0;
	margin: 0;
}
	.field_info > span {
		color: #666;
		font-size: 0.8em;
	}


/* field_note
--------------------------------------------------------- */
.field_note {
	padding: 0;
	margin: 0;
}
	.field_note > span {
		color: #666;
		font-size: 0.8em;
	}



/* inner_fields
--------------------------------------------------------- */
.inner_fields .inner_label_item {
	color: #999;
	font-size: 14px;
}

/* inline_fields
--------------------------------------------------------- */
.inline_fields {
	display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.inline_fields::before,
.inline_fields::after {
	box-sizing: border-box;
}
	.inline_fields input.inline_field {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin: 0 24px 0 0;
	}
	.inline_fields .form-control-plaintext {
		padding: 8px 16px;
	}


/* range
--------------------------------------------------------- */
.range_fields {
	display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.range_fields::before,
.range_fields::after {
	box-sizing: border-box;
}
	.range_fields input.range_field {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin: 0;
	}
	.range_fields .form-control-plaintext {
		padding: 24px 16px 8px 16px;
	}
	.range_fields .wave_dash {
		margin-left: 8px;
		margin-right: 8px;
	}

/* レスポンシブ bootstrap4 v2
----------------------------------------------- */
/* モバイル（xs） iPhone 6,7,8 縦 */
@media (max-width: 575px) {
	.range_fields {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
	}
	.range_fields::before,
	.range_fields::after {
		box-sizing: border-box;
	}
		.range_fields input.range_field {
			display: inline-block;
			width: auto;
			vertical-align: middle;
			margin: 0;
		}
		.range_fields .form-control-plaintext {
			padding: 24px 16px 8px 16px;
		}
		.range_fields .wave_dash {
			margin-left: 8px;
			margin-right: 8px;
		}
}
/* モバイル（sm）iPhone 6,7,8 横 */
@media (min-width: 576px) and (max-width: 767px) {
}
/* タブレット（md） iPad 縦 */
@media (min-width: 768px) and (max-width: 991px) {
}
/* タブレット（lg） iPad 横 iPad Pro 縦 */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* PC（xl）iPad Pro 横 */
@media (min-width: 1200px) {
}