#submenu {
	display: none;
}
#main {
	width: 75%;
	margin: 0px auto;
}
#main > form {
	max-width: 100%;
}
[data-form-module] {
	width: 86%;
	margin: 0px auto 1em;
	border-left: 6px solid #7f7877;
	padding-left: 1em;
}
[data-form-module] > .header {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	font-size: 1.1em;
}
[data-form-module] > .header > .title {
	font-weight: bolder;
	padding-right: 0.3em;
}
[data-form-module] > .header > .required {
	padding: 0em 0.3em;
}
[data-form-module] > .body {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	overflow: visible;
}
[data-form-module] > .body > .field {
	flex: 1 1 auto;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	/*	overflow: hidden;*/
}
[data-form-module] > .body > .field input[data-stretch] {
	flex: 1 1 auto;
}
[data-form-module] > .body > .field .preview {
	padding: 0.2em 0.3em;
	border-bottom: 1px solid #aaa;
	line-height: 1;
	display: flex;
	display: inline-flex;
	flex-flow: column nowrap;
	justify-content: center;
}
[data-form-module] > .body > .field .preview:empty {
	display: none;
}

[data-form-module] > .body > .field .preview[data-stretch] {
	flex: 1 1 auto;
}
[data-form-module] > .body > .field > .head,
[data-form-module] > .body > .field > .unit {
	flex: 0 0 auto;
}
[data-form-module] > .body > .field > .head:empty,
[data-form-module] > .body > .field > .unit:empty {
	display: none;
}
[data-form-module] > .body > .field > .head {
	padding-right: 0.2em;
	color: #555;
	flex: 0 1 auto;
}
[data-form-module] > .body > .field > .unit {
	padding-left: 0.2em;
	color: #555;
}
[data-form-module] > .footer > .notes {
	padding: 0.2em 0.3em;
	font-size: 0.9em;
}
[data-form-module] [data-form-module] {
	width: auto;
	margin: 0px 0px 0em;
	border-left: none;
	padding-left: 0em;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	flex: 0 1 auto;
	overflow: visible;
}
[data-form-module] [data-form-module] > .header {
	display: none;
}
[data-form-module] [data-form-module] > .footer {
	flex: 0 0 auto;
	width: 100%;
}
[data-form-module] [data-form-module] > .footer > .notes:empty {
	display: none;
}

input:not([type='checkbox']):not([type='radio']) {
	display: inline-block;
	border: 1px solid #aaa;
	padding: 0.2em 0.3em;
	font-size: 1em;
	min-width: 0px;
}
textarea {
	display: inline-block;
	border: 1px solid #aaa;
	padding: 0.2em 0.3em;
	font-size: 1em;
	min-width: 100%;
	min-height: 10em;
	resize: vertical;
}
label.select {
	display: flex;
	display: inline-flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	align-content: center;
	justify-content: stretch;
	overflow: hidden;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
	border-radius: 0.3em;
	background-color: rgba(242, 242, 242, 1);
	background-image: -o-linear-gradient(
		-90deg,
		rgba(242, 242, 242, 1) 0%,
		rgba(219, 219, 219, 1) 100%
	);
	background-image: -moz-linear-gradient(
		-90deg,
		rgba(242, 242, 242, 1) 0%,
		rgba(219, 219, 219, 1) 100%
	);
	background-image: -webkit-linear-gradient(
		-90deg,
		rgba(242, 242, 242, 1) 0%,
		rgba(219, 219, 219, 1) 100%
	);
	background-image: -ms-linear-gradient(
		-90deg,
		rgba(242, 242, 242, 1) 0%,
		rgba(219, 219, 219, 1) 100%
	);
	background-image: linear-gradient(
		180deg,
		rgba(242, 242, 242, 1) 0%,
		rgba(219, 219, 219, 1) 100%
	);
	min-height: 22px;
}
label.select > .spinner {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	display: inline-block;
	border-radius: 0px;
	padding: 0px 2px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #fff;
	background-color: rgba(214, 214, 214, 1);
	background-image: -o-linear-gradient(
		-90deg,
		rgba(214, 214, 214, 1) 0%,
		rgba(132, 132, 132, 1) 100%
	);
	background-image: -moz-linear-gradient(
		-90deg,
		rgba(214, 214, 214, 1) 0%,
		rgba(132, 132, 132, 1) 100%
	);
	background-image: -webkit-linear-gradient(
		-90deg,
		rgba(214, 214, 214, 1) 0%,
		rgba(132, 132, 132, 1) 100%
	);
	background-image: -ms-linear-gradient(
		-90deg,
		rgba(214, 214, 214, 1) 0%,
		rgba(132, 132, 132, 1) 100%
	);
	background-image: linear-gradient(
		180deg,
		rgba(214, 214, 214, 1) 0%,
		rgba(132, 132, 132, 1) 100%
	);
}
label.select > .spinner::before {
	content: '';
	width: 10px;
	height: 18px;
	background-image: url(../images/input_spinner.png);
	background-position: center right;
}
label.select > select {
	flex: 1 1 auto;
	position: relative;
	left: 0px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0em 0.3em;
	padding-right: 1em;
	padding-right: calc(0.3em + 12px);
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: border-box;
	max-width: 100%;
	text-indent: 0.01px;
	text-overflow: clip;
	line-height: 1;
}
label.select > select::-ms-expand {
	display: none;
}
/*********************/
/*	Input.Textarea	*/
/*********************/
[data-form-module='Input.Textarea'] > .body > .field .preview {
	padding: 0.2em 0.3em;
	border: 1px solid #aaa;
	white-space: pre;
	white-space: pre-wrap;
	line-height: 1.4;
	min-width: 100%;
	display: block;
}

/*********************/
/*	Input.Tel			*/
/*********************/
[data-form-module='Input.Tel'] > .body > .field > input[type='text'] {
	width: 4.5em;
	text-align: center;
}
/*********************/
/*	Input.Number			*/
/*********************/
[data-form-module='Input.Number'] > .body > .field > input[type='text'] {
	text-align: center;
}
[data-form-module='Input.Number'] > .body > .field > .preview {
	text-align: center;
}
/*********************/
/*	Input.Address		*/
/*********************/
[data-form-module='Input.Address'] > .body > .field {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	overflow: hidden;
}
[data-form-module='Input.Address'] > .body > .field > * {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	padding: 0.2em 0.3em;
}
[data-form-module='Input.Address'] > .body > .field > script {
	display: none;
}
[data-form-module='Input.Address'] > .body > .field > * > .label {
	white-space: nowrap;
}
[data-form-module='Input.Address'] > .body > .field > * > .label::after {
	content: '：';
}
[data-form-module='Input.Address'] > .body > .field > * > input {
	min-width: 0px;
}
[data-form-module='Input.Address'] > .body > .field > .zipcode > .zipcode1 {
	flex: 0 0 auto;
	width: 3em;
	text-align: center;
}
[data-form-module='Input.Address'] > .body > .field > .zipcode > .zipcode2 {
	flex: 0 0 auto;
	width: 4em;
	text-align: center;
}
[data-form-module='Input.Address'] > .body > .field > .zipcode > .select {
	flex: 0 1 auto;
	margin-left: 1em;
}
[data-form-module='Input.Address'] > .body > .field > .zipcode > .zipcode1,
[data-form-module='Input.Address'] > .body > .field > .zipcode > .zipcode2,
[data-form-module='Input.Address'] > .body > .field > .zipcode > .select {
	margin-top: 2px;
	margin-bottom: 2px;
}
[data-form-module='Input.Address'] > .body > .field > .city > input,
[data-form-module='Input.Address'] > .body > .field > .street > input,
[data-form-module='Input.Address'] > .body > .field > .etc > input {
	flex: 1 1 auto;
}
[data-form-module='Input.Address'] > .body > .field > .zipcode > .preview,
[data-form-module='Input.Address'] > .body > .field > .prefectures > .preview,
[data-form-module='Input.Address'] > .body > .field > .city > .preview,
[data-form-module='Input.Address'] > .body > .field > .street > .preview,
[data-form-module='Input.Address'] > .body > .field > .etc > .preview {
	flex: 1 1 auto;
}
/*********************/
/*	Input.Selector.Item		*/
/*********************/
[data-form-module] [data-form-module='Form.Input.Selector.Item'] {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 0px;
	margin-right: 1em;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	[data-form-module] {
	margin: 0px;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item'][data-disabled] {
	opacity: 0.5;
}

[data-form-module] [data-form-module='Form.Input.Selector.Item'] > input {
	display: none;
}
[data-form-module] [data-form-module='Form.Input.Selector.Item'] > .label {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	white-space: normal;
	line-height: 1.5;
	margin-bottom: 0.35em;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	> .label::before {
	content: '';
	line-height: 1;
	align-self: center;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	width: 1em;
	height: 1em;
	overflow: hidden;
	box-sizing: content-box;
	font-size: 0.75em;
	margin-right: 0.3em;
	background-color: #ffffff;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	> input[type='hidden']
	~ .label::before {
	display: none;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	> input[type='checkbox']
	~ .label::before {
	border: 1px solid #aaa;
	padding: 0.2em;
	border-radius: 0.4em;
	flex: 0 0 auto;
	align-self: flex-start;
	margin-top: 0.2em;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	> input[type='checkbox']:checked
	~ .label::before {
	content: '✓';
	background-color: #3b99fc;
	border-color: #3b99fc;
	color: #fff;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	> input[type='radio']
	~ .label::before {
	padding: 0.2em;
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa;
	flex: 0 0 auto;
	align-self: flex-start;
	margin-top: 0.2em;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Item']
	> input[type='radio']:checked
	~ .label::before {
	border-color: #3b99fc;
	background-color: #ffffff;
	box-shadow: 0px 0px 0em 0.45em #3b99fc inset;
}
/*********************/
/*	Input.Selector.Group		*/
/*********************/
[data-form-module] [data-form-module='Form.Input.Selector.Group'] {
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	margin: 0px;
}
[data-form-module] [data-form-module='Form.Input.Selector.Group'] > .header {
	display: block;
}
[data-form-module] [data-form-module='Form.Input.Selector.Group'] > .body {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	padding-left: 2em;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Group'][data-disabled]
	> .header {
	opacity: 0.5;
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Group'][data-visibility='visible']
	> .header::after {
	content: '▼';
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Group'][data-visibility='hidden']
	> .header::after {
	content: '▶';
}
[data-form-module]
	[data-form-module='Form.Input.Selector.Group'][data-visibility='hidden']
	> .body {
	max-height: 0px;
}
[data-module-constructor='Input.Group'][data-draging] > .footer::after {
	content: '　';
}

/*********************/
/*	Action.Button		*/
/*********************/
[data-form-module='Action.Button'] {
	border: none;
	display: flex;
	flex-flow: row-reverse wrap;
	align-items: flex-start;
	justify-content: space-between;
}
[data-form-module='Action.Button'] > button {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 0.2em 0.4em;
	background: url(../images/ssl_but.gif) left top repeat-x;
	color: #333;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
[data-form-module='Action.Button'] > button:hover {
	background-position: left bottom;
}
[data-form-module='Action.Button'] > .back {
}
[data-form-module='Action.Button'] > .next {
	padding: 1em 2em;
	font-weight: bolder;
}

/*********************/
/*	Input.DateTime	*/
/*********************/
[data-form-module='Input.DateTime'] > .body {
	overflow: visible;
}
/*********************/
/*	Input.Date			*/
/*********************/
[data-form-module='Input.Date'],
[data-form-module='Input.Date'] > .body {
	overflow: visible;
}
/*********************/
/*	Input.DateTimePeriod			*/
/*********************/
[data-form-module='Input.DateTimePeriod'] > .body {
	overflow: visible;
}
/*********************/
/*	DateTime			*/
/*********************/
[data-form-input='DateTimePeriod'],
[data-form-input='DateTime'],
[data-form-input='Date'],
[data-form-input='Time'] {
	display: flex;
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	padding: 0.2em 0.3em;
	border: 1px solid #aaa;
	overflow: visible;
}
[data-form-input='DateTimePeriod'] > .clear,
[data-form-input='DateTime'] > .clear,
[data-form-input='Date'] > .clear,
[data-form-input='Time'] > .clear {
	border-radius: 1em;
	color: #fff;
	background-color: #aaa;
	line-height: 1;
	padding: 0.2em;
	display: flex;
	display: inline-flex;
	flex-flow: column nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	position: relative;
	width: 1em;
	height: 1em;
	margin: 0px 0.4em;
}
[data-form-input='DateTimePeriod'] > .clear:before,
[data-form-input='DateTime'] > .clear:before,
[data-form-input='Date'] > .clear:before,
[data-form-input='Time'] > .clear:before {
	content: '×';
	font-size: 0.5em;
	display: flex;
	display: inline-flex;
	flex-flow: column nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
[data-form-input='DateTimePeriod'] > .field,
[data-form-input='DateTime'] > .field,
[data-form-input='Date'] > .field,
[data-form-input='Time'] > .field {
	display: flex;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
[data-form-input='DateTimePeriod'] > .field > .unit,
[data-form-input='DateTime'] > .field > .unit,
[data-form-input='Date'] > .field > .unit,
[data-form-input='Time'] > .field > .unit {
	white-space: nowrap;
	margin: 0px 0.2em;
}
[data-form-input='DateTimePeriod'] > .unit {
	white-space: nowrap;
	margin: 0px 0.5em;
}
[data-form-input='DateTimePeriod'] {
	white-space: nowrap;
	min-width: 0.5em;
}
[data-form-input='DateTimePeriod'] > [data-form-input='DateTime'] {
	border: none;
	padding: 0px;
}
[data-form-input='DateTimePeriod']
	> [data-form-input='DateTime'][data-datetime-period='start']
	> [data-form-input='Time']
	> .clear {
	display: none;
}
[data-form-input='DateTime'] {
}
[data-form-input='DateTime'] > [data-form-input='Date'],
[data-form-input='DateTime'] > [data-form-input='Time'] {
	border: none;
	padding: 0px;
}
[data-form-input='DateTime'] > [data-form-input='Date'] > .clear {
	display: none;
}
[data-form-input='Date'] {
	position: relative;
}
[data-form-input='Date']
	> [date-datetime-input='year']
	> [date-datetime-format] {
	min-width: 2em;
	text-align: right;
	white-space: nowrap;
}
[data-form-input='Date']
	> [date-datetime-input='year']
	> [date-datetime-format]:empty::before {
	content: '----';
	color: #aaa;
}
[data-form-input='Date']
	> [date-datetime-input='month']
	> [date-datetime-format],
[data-form-input='Date'] > [date-datetime-input='day'] > [date-datetime-format],
[data-form-input='Date']
	> [date-datetime-input='week']
	> [date-datetime-format] {
	min-width: 1em;
	text-align: right;
	white-space: nowrap;
}
[data-form-input='Date']
	> [date-datetime-input='month']
	> [date-datetime-format]:empty::before,
[data-form-input='Date']
	> [date-datetime-input='day']
	> [date-datetime-format]:empty::before {
	content: '--';
	color: #aaa;
}
[data-form-input='Date']
	> [date-datetime-input='week']
	> [date-datetime-format]:empty {
	display: none;
}
/*********************/
/*	DateSelector		*/
/*********************/
[data-form-interface='DateSelector']:not([data-focus]) {
	width: 0px;
	height: 0px;
	overflow: hidden;
}
[data-form-interface='DateSelector'] {
	cursor: default;
	position: absolute;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	top: 100%;
	left: 0px;
	z-index: 10;
	background-color: #fff;

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
[data-form-interface='DateSelector'] > .header {
	display: flex;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
}
[data-form-interface='DateSelector'] > .header > .unit {
	margin-left: 0.4em;
}
[data-form-interface='DateSelector'] > .header > .year {
	width: 3em;
	text-align: right;
	padding-right: 0.2em;
}
[data-form-interface='DateSelector'] > .header > .month {
	width: 1.3em;
	text-align: right;
	margin-left: 0.2em;
}
[data-form-interface='DateSelector'] > .header > .spinner {
	display: flex;
	display: inline-flex;
	flex-flow: column nowrap;
	line-height: 1;
	font-size: 0.25em;
	border-radius: 0.5em;
	box-shadow: 0px 0px 1px #000;
	margin: 1px 0em;
	overflow: hidden;
	margin-left: 0.4em;
}

[data-form-interface='DateSelector'] > .header > .spinner > .add:hover,
[data-form-interface='DateSelector'] > .header > .spinner > .sub:hover {
	background-color: #3b99fc;
	color: #fff;
}
[data-form-interface='DateSelector'] > .header > .spinner > .add,
[data-form-interface='DateSelector'] > .header > .spinner > .sub {
	width: 10px;
	height: 9px;
	background-image: url(../images/input_spinner.png);
	border-radius: 0em;
	padding: 1px 0px;
}
[data-form-interface='DateSelector'] > .header > .spinner > .add {
	background-position: top left;
}
[data-form-interface='DateSelector'] > .header > .spinner > .add:hover {
	background-position: top right;
}
[data-form-interface='DateSelector'] > .header > .spinner > .sub {
	background-position: bottom left;
}
[data-form-interface='DateSelector'] > .header > .spinner > .sub:hover {
	background-position: bottom right;
}
[data-form-interface='DateSelector'] > .body > .days {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
[data-form-interface='DateSelector'] > .body > .days tr:first-child td,
[data-form-interface='DateSelector'] > .body > .days td {
	border: 1px solid #cacaca;
}
[data-form-interface='DateSelector'] > .body > .days td > .day {
	text-align: center;
	padding: 0.1em;
}
[data-form-interface='DateSelector'] > .body > .days [data-week='0'] {
	color: #f00;
}
[data-form-interface='DateSelector'] > .body > .days [data-week='6'] {
	color: #001bff;
}
[data-form-interface='DateSelector']
	> .body
	> .days
	[data-month='before']
	> .day,
[data-form-interface='DateSelector']
	> .body
	> .days
	[data-month='after']
	> .day {
	color: #aaa;
}
[data-form-interface='DateSelector']
	> .body
	> .days
	[data-month='before'][data-week='0']
	> .day,
[data-form-interface='DateSelector']
	> .body
	> .days
	[data-month='after'][data-week='0']
	> .day {
	color: #e4aaaa;
}
[data-form-interface='DateSelector']
	> .body
	> .days
	[data-month='before'][data-week='6']
	> .day,
[data-form-interface='DateSelector']
	> .body
	> .days
	[data-month='after'][data-week='6']
	> .day {
	color: #acbfec;
}
[data-form-interface='DateSelector'] > .body > .days [data-disabled] {
	background-color: #eee;
	pointer-events: none;
}
[data-form-interface='DateSelector'] > .body > .days [data-disabled] > .day {
}
/****************************
*	File
*****************************/
/*************
*	data-form-file-upload-section="frame"
**************/
[data-form-file-upload-section='frame'] {
	width: 100%;
	display: block;
	overflow: hidden;
	border: none;
	margin: 0.5em 0.3em;
	height: 0px;
}
/*************
*	data-upload-interface-section="submit"
**************/
[data-upload-interface-section='submit'] {
	display: none !important;
}
/*************
*	data-upload-interface-section="input"
**************/
[data-upload-interface-section='input'] {
	display: none !important;
}
/*************
*	data-upload-interface-section="contant-html"
**************/
[data-upload-interface-section='contant-html'] {
	height: auto;
	width: 100vw;
	overflow: hidden;
}
/*************
*	data-upload-interface-section="contant-body"
**************/
[data-upload-interface-section='contant-body'] {
	height: auto;
	width: 100vw;
	overflow: hidden;
}
/*************
*	data-upload-interface-section="form"
**************/
[data-upload-interface-section='form'] {
	text-align: right;
}

/*************
*	data-upload-interface-section="upload"
**************/
[data-upload-interface-section='upload'] {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 0.2em 0.4em;
	background: url(../images/ssl_but.gif) left top repeat-x;
	color: #333;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
[data-upload-interface-section='upload'][data-disabled] {
	pointer-events: none;
	opacity: 0.5;
}
/*************
*	data-form-file-input-section="send-file-delete-button"
**************/
[data-form-file-input-section='send-file-delete-button'] {
	border: 1px solid #666;
	border-radius: 5px;
	padding: 0.2em 0.4em;
	background: url(../images/ssl_but.gif) left top repeat-x;
	color: #333;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
/*************
*	data-form-file-input-section="send-wrapper"
**************/
[data-form-file-input-section='send-wrapper'] {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}
[data-form-file-input-section='send-wrapper'][readonly] {
	max-width: 100%;
	table-layout: fixed;
}
/*************
*	data-form-file-input-section="send-file"
**************/
[data-form-file-input-section='send-file'] {
	border-bottom-width: 1px;
}
/*************
*	data-form-file-input-section="send-file-name"
**************/
[data-form-file-input-section='send-file-name'] {
	vertical-align: top;
}
/*************
*	data-form-file-input-section="send-file-comment"
**************/
[data-form-file-input-section='send-file-comment'] {
}
[data-form-file-input-section='send-wrapper'][readonly]
	[data-form-file-input-section='send-file-comment']
	textarea {
	border: none;
	outline: none;
	box-shadow: none;
}
[data-form-file-input-section='send-wrapper'][readonly]
	[data-form-file-input-section='send-file-comment']
	textarea:empty {
	display: none;
}
/*************
*	data-form-file-input-section="send-file-delete"
**************/
[data-form-file-input-section='send-file-delete'] {
	width: 0;
	vertical-align: top;
	text-align: right;
}
[data-form-file-input-section='send-wrapper'][readonly]
	[data-form-file-input-section='send-file-delete'] {
	display: none;
}
/*************
*	data-form-file-input-section="send-file-name-field"
**************/
[data-form-file-input-section='send-file-name-field'] {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
/*************
*	data-form-file-input-section="send-file-name-field-input"
**************/
[data-form-file-input-section='send-file-name-field-input'] {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}
[data-form-file-input-section='send-wrapper'][readonly]
	[data-form-file-input-section='send-file-name-field-input'] {
	max-width: 100%;
}
/*************
*	data-form-file-input-section="send-file-name-field-input-preview"
*	data-form-file-input-section="send-file-name-field-input-input"
**************/
[data-form-file-input-section='send-file-name-field-input-preview'],
[data-form-file-input-section='send-file-name-field-input-input'] {
	display: inline-block;
	border: 1px solid #aaa;
	padding: 0.2em 0.3em;
	font-size: 1em;
	min-width: 0px;
	font-family: inherit;
}
[data-form-file-input-section='send-file-name-field-input-preview'] {
	flex: 0 0 auto;
	opacity: 0;
}
[data-form-file-input-section='send-wrapper'][readonly]
	[data-form-file-input-section='send-file-name-field-input-preview'] {
	opacity: 1;
	border: none;
	padding: 0;
	box-shadow: none;
	outline: none;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 0.25em;
}
[data-form-file-input-section='send-file-name-field-input-input'] {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
[data-form-file-input-section='send-wrapper'][readonly]
	[data-form-file-input-section='send-file-name-field-input-input'] {
	display: none;
}