@charset "utf-8";

/**
 * form reset
 */

.form																							{margin: 0; overflow: visible; max-width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form.disabled																					{cursor: not-allowed;}

/* placeholder */
.form:-ms-input-placeholder																		{font-size: 1rem; line-height: 1.5rem; color: #d0cbc6;}
.form:-moz-placeholder																			{font-size: 1rem; line-height: 1.5rem; color: #d0cbc6;}
.form::-moz-placeholder																			{font-size: 1rem; line-height: 1.5rem; color: #d0cbc6;}
.form::-webkit-input-placeholder																{font-size: 1rem; line-height: 1.5rem; color: #d0cbc6;}

/* form theme-a state */
/* .form.x-small																					{width: 2.5rem;} */
/* .form.small																						{width: 6rem;} */
/* .form.medium																					{width: 8.125rem;} */
/* .form.large																						{width: 20rem;} */
/* .form.x-large																					{width: 56rem;} */

/* textarea.form.medium																			{width: 44rem;} */
/* textarea.form.large																				{width: 100%;} */
/* textarea.form.x-large																			{width: 44rem; height: 20rem; text-align: left;} */

input[type=text].form																			{height: 2rem; padding: 0 0.25rem; font-size: 1rem; line-height: 1.5rem; border: 1px solid #999999; box-sizing: border-box;}
input[type=text].form.error																		{border-color: #ff0000;}

/* readonly */
input[type=text].form[readonly="readonly"]														{color: #b1b1b1; background-color: #ebebe4;}

/* date */
input[class*=date].form																			{position: relative; background-image: url(./../img/global-icon.png); background-repeat: no-repeat; background-position: 100% -14rem; background-size: 2rem auto;}

/**
 * form theme-a select
 */
select.form																						{height: 2rem; padding-left: 0.25rem; font-size: 1rem; line-height: 1.5rem; border: 1px solid #999999; box-sizing: border-box;}
select.form.error																				{border-color: #ff0000;}

/**
 * textarea
 */
textarea.form																					{min-height: 8rem; padding: 1rem; font-family: Malgun Gothic,sans-serif; font-size: 1rem; line-height: 1.5rem; color: #333333; border: 1px solid #999999; box-sizing: border-box;}
textarea.form.error																				{border: 1px solid #ff0000;}

/**
 option-select
 */
.option-select																					{display: inline-block; vertical-align: middle;}
.option-select .select-item .form																{}
.option-select .select-item .label																{display: inline-block; line-height: 1.5rem; vertical-align: top;}
.option-select .select-item .label+*															{margin-left: 0.5rem;}

.option-select.type-a:after																		{content: ''; display: block; clear: both;}
.option-select.type-a .select-item																{float: left; text-align: left;}
/*.option-select.type-a .select-item+.select-item													{margin-left: 1rem;}*/

.option-select.type-a.justify .select-item														{margin: 0.25rem 2rem 0.25rem 0;}
.option-select.type-a.justify .select-item .label												{width: 6rem;}

.option-select.type-b:after																		{content: ''; display: block; clear: both;}
.option-select.type-b .select-item																{display: block; width: 100%; text-align: left;}
.option-select.type-b .select-item+.select-item													{margin-top: 0.5rem;}

.option-select.type-c:after																		{content: ''; display: block; clear: both;}
.option-select.type-c .select-item																{float: left; max-width: 100%; text-align: center;}
.option-select.type-c .select-item+.select-item													{margin-left: 0.5rem;}
.option-select.type-c .select-item .label														{display: block;}
.option-select.type-c .select-item .label>img													{width: 100%; vertical-align: top;}

/* form-area */
.form-area:after																				{content: ''; display: block; clear: both;}
.form-area+.form-area																			{margin-top: 0.5rem;}
.form-area>.unit																				{line-height: 2;}
.form-area>.sign																				{width: 0.5rem; text-align: center; line-height: 2;}
.form-area>.label																				{min-width: 5rem;}

.form-area>.form,
.form-area>.btn,
.form-area>.unit,
.form-area>.sign,
.form-area>.label,
.form-area>.option-select																		{float: left; font-size: 1rem;}
.form-area>*+*																					{margin-left: 0.5rem !important;}

/**
 * submit-form
 */
.submit-form.theme-a																			{margin: 0; padding: 0; border-width: 0; border-style: none; border-color: transparent;}
.submit-form.theme-a legend																		{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}

/* submit-form theme-a type-a */
.submit-form.theme-a.type-a .form-item															{}
.submit-form.theme-a.type-a .form-item+.form-item												{margin-top: 0.5rem;}
.submit-form.theme-a.type-a .form-item .form-head												{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.submit-form.theme-a.type-a .form-item .form-head .text											{}
.submit-form.theme-a.type-a .form-item .form-body												{}
.submit-form.theme-a.type-a .form-item .form-body .form-area									{}
.submit-form.theme-a.type-a .form-item .form-body .form-area+.form-area							{}

/* submit-form theme-a type-b */
.submit-form.theme-a.type-b .form-item															{}
.submit-form.theme-a.type-b .form-item:after													{content: ''; display: block; clear: both;}
.submit-form.theme-a.type-b .form-item+.form-item												{margin-top: 0.5rem;}
.submit-form.theme-a.type-b .form-item .form-head												{float: left; min-width: 4rem; margin-right: 0.5rem;}
.submit-form.theme-a.type-b .form-item .form-head .text											{font-size: 1rem; line-height: 2rem; color: #333333;}
.submit-form.theme-a.type-b .form-item .form-side												{float: left; margin-right: 1rem;}
.submit-form.theme-a.type-b .form-item .form-side .button-area									{float: left; padding: .25rem 0;}
.submit-form.theme-a.type-b .form-item .form-side .button-area .btn								{float: left;}
.submit-form.theme-a.type-b .form-item .form-side .button-area .btn+.btn						{margin-left: 0.25rem;}
.submit-form.theme-a.type-b .form-item .form-side .option-select								{float: left;}
.submit-form.theme-a.type-b .form-item .form-side>*+*											{margin-left: 1rem;}
.submit-form.theme-a.type-b .form-item .form-body												{float: left;}
.submit-form.theme-a.type-b .form-item .form-body .form-area									{}
.submit-form.theme-a.type-b .form-item .form-body .form-area+.form-area							{}
.submit-form.theme-a.type-b.drag-item .form-item												{padding: 0.5rem; cursor: move; background-color: #f2f2f2;}
.submit-form.theme-a.type-b.drag-item .form-item+.form-item										{margin-top: 0.125rem;}
.submit-form.theme-a.type-b.drag-item .form-item.ui-sortable-helper								{box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.25);}