.enquate {
    position: relative;
    display: block;
    padding: 0.25em;
}
.enquate .enqlist .item {
    position: relative;
    padding: 0.25em 0.25em 0.25em 1em;
    box-sizing: border-box;
    border-radius: 0.5em;
    border: 1px solid rgba(0,0,0,0);
}
.enquate .enqlist .item.active {
    background-color:rgba(140, 180, 255, 0.25);
}
.enquate .enqlist .item * {
    vertical-align: middle;
}
.enquate .enqlist .item .input input[type=text]
,.enquate .enqlist .item .input textarea {
    padding: 0.5em 0.75em 0.5em 0.75em;
    width: calc(100% - 3em);
    box-sizing: content-box;
}
.enquate .enqlist .item .input label {
    padding: 1em 0 1em 0;
}
.enquate .enqlist .item select {
    height: 2.5em;
    border-top: 1px solid #ddd;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #ddd;
}
.enquate .enqlist .item input+span {
    padding: 0.75em 0.75em 0.75em 0.5em;
    margin-right: 1em;
    border-radius: 0.25em;
    margin-left: -1.5em;
}
.enquate .enqlist .item input+span:before {
    content: '　';
}
.enquate .enqlist .item label {
    display: inline-block;
}

.enquate .enqlist .start_message > div
,.enquate .enqlist .confirm_message > div 
,.enquate .enqlist .thanks_message > div {
    padding: 0.5em 0em 0.5em 0em;
}
.enquate .enqlist .fieldmess:empty {
    display: none;
}
.enquate .enqlist .fieldmess {
    padding: 0.5em 0em 0.5em 0em;
    /*margin-left: -1em;*/
    font-weight: bold;    
}
.enquate .enqlist .fieldmess:before {
    /*content: '・';*/
}
.enquate .enqlist .fieldmess.must:after {
    content: '必須';
    padding: 0.1em 0.5em 0.1em 0.5em;
    background-color: rgba(255, 40, 40, 0.8);
    color: #fff;
    margin-left: 0.5em;
    border-radius: 0.5em;
    display: inline-block;
}

.enquate .input input[type=radio] {
    position: relative;
    display: inline-block;
    margin-left: 0.5em;
    height: 1em;
}
.enquate .input input[type=checkbox]{
    position: relative;
    display: inline-block;
    margin-left: 0.5em;
    height: 1em;
}
input[type=file] {
    line-height: 1em;
}

/**************/
/*  ボタン関連  */
/**************/
.buttons {
    text-align: center;
}
input[type=button] {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em 0.5em 1em;
    background-color: #282;
    color: #fff;
    border: none;
    border-radius: 0.5em;
    margin: 0 0.5em;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0);
}
    
input[type=button].btnconfirm,button.btnconfirm {
    display: none;
}
input[type=button].btnupdate,button.btnupdate {
    display: block;
}
input[type=button].btnback,button.btnback {
    display: none;
}

.form_input input[type=button].btnconfirm, .form_input button.btnconfirm {
    display: block;
}
.form_input input[type=button].btnupdate, .form_input button.btnupdate {
    display: none;
}
.form_input input[type=button].btnback, .form_input button.btnback {
    display: none;
}

.form_confirm input[type=button].btnupdate, .form_confirm button.btnupdate {
    display: block;
}
.form_confirm input[type=button].btnback, .form_confirm button.btnback {
    display: block;
}
.form_confirm input[type=button].btnconfirm, .form_confirm button.btnconfirm {
    display: none;
}

.form_thanks input[type=button].btnupdate, .form_thanks button.btnupdate {
    display: none;
}
.form_thanks input[type=button].btnback, .form_thanks button.btnback {
    display: none;
}
.form_thanks input[type=button].btnconfirm, .form_thanks button.btnconfirm {
    display: none;
}

#upload {
    display: none;
}

/*************/
/*  設定関連  */
/************/

.enquate .enqlist .item .btndelete {
    position: absolute;
    top: 0.5em;
    right: 1em;
    color: #aaa;
    display: none;
}
.enquate .enqlist .item:hover .btndelete
,.enquate .enqlist .item.active .btndelete {
    display: inline-block;
}
.enquate .enqlist .item .btndelete:hover {
    color: #6188ff;
}

.enquate .enqlist .item .btnsortup {
    position: absolute;
    top: 0.5em;
    right: 3.5em;
    color: #aaa;
    display: none;
}
.enquate .enqlist .item:hover .btnsortup
,.enquate .enqlist .item.active .btnsortup {
    display: inline-block;
}
.enquate .enqlist .item .btnsortup:hover {
    color: #6188ff;
}

.enquate .enqlist .item:first-child .btnsortup {
    display: none;
}

.enquate .enqlist .item .btnsortdown {
    position: absolute;
    top: 0.5em;
    right: 5.5em;
    color: #aaa;
    display: none;
}
.enquate .enqlist .item:hover .btnsortdown
,.enquate .enqlist .item.active .btnsortdown {
    display: inline-block;
}
.enquate .enqlist .item .btnsortdown:hover {
    color: #6188ff;
}
.enquate .enqlist .item:last-child .btnsortdown {
    display: none;
}


.settingitem {
    padding: 0.25em;
}
textarea.setting {
    width: 100%;
}
input[type=text].setting {
    width: 100%;
}
.enquate .enqlist .item .settings {
    display: none;
}
.enquate .enqlist .item.active .settings {
    display: block;
}
.enquate .enqlist .item .settings {
    background-color:rgba(140, 180, 255, 0.25);
    padding: 0.5em;
    border-radius: 0.5em;
    margin-top: 0.5em;
}
.enquate .enqlist .item .settings .setting {
    padding: 0.25em:
}

/***************/
/*  画面モード別  */
/***************/
/* 入力画面 */
.enquate.form_input .enqlist .item.active .settings {
    display: none;
}
.form_input .start_message .input {
    display: block;
}
.form_input .confirm_message .input {
    display: none;
}
.form_input .thanks_message .input {
    display: none;
}
.form_input.form_confirm .start_only 
,.form_input.form_thanks .start_only {
    display: none;
}
.form_input:not(.form_confirm) .confirm_only {
    display: none;
}
.form_input:not(.form_thanks) .thanks_only {
    display: none;
}
.form_input.form_thanks .start_confirm_only {
    display: none;
}

/* 確認画面 */
.enquate.form_confirm .enqlist .item.active .settings {
    display: none;
}
.form_confirm .start_message .input {
    display: none;
}
.form_confirm .confirm_message .input {
    display: block;
}
.form_confirm .thanks_message .input {
    display: none;
}
.form_thanks .field1.input {
    display: block;
}
.form_confirm input[type=text] {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}
.form_confirm input[type=email] {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}
.form_confirm textarea {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}
.form_confirm input[type=radio] {
    display: none;
}
.form_confirm input[type=radio]:checked+span {
    display: block;
}
.form_confirm input[type=radio]:checked+span:after {
    display: none;
}
.form_confirm input[type=radio]:checked+span:before {
    display: none;
}
.form_confirm input[type=checkbox] {
    display: none;
}
.form_confirm input[type=checkbox]:checked+span {
    display: block;
}
.form_confirm .data.file {
    display: none;
}
.form_confirm input[type=file]+i {
    display: none;
}
.form_confirm select, .form_confirm label.select {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}
.form_confirm select:before, .form_confirm label.select:before {
    display: none;
}
.form_confirm input[type=file] {
    display: none;
}

.form_confirm input[type=checkbox] {
    display: none !important;
}
.form_confirm input[type=checkbox]:not(:checked)+span {
    display: none !important;
}
.form_confirm input[type=radio] {
    display: none !important;
}
.form_confirm input[type=radio]:not(:checked)+span {
    display: none !important;
}

.form_confirm select {
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1em;
    
}
.form_confirm select[readonly]::-ms-expand {
	display: none;
}
.form_confirm label {
    pointer-events: none;
}
.form_confirm input[readonly] {
    pointer-events: none;
}
.form_confirm input[readonly]+span {
    pointer-events: none;
}
/* 完了画面 */
.enquate.form_thanks .enqlist .item.active .settings {
    display: none;
}
.form_thanks .start_message .input {
    display: none;
}
.form_thanks .confirm_message .input {
    display: none;
}
.form_thanks .thanks_message .input {
    display: block;
}
.form_thanks .field1 {
    display: none;
}

/**************/
/*  エラー関連  */
/**************/
input.musterror 
,input.ruleerror 
,input.musterror + span 
,input.ruleerror + span
,textarea.musterror 
,textarea.ruleerror 
,select.musterror 
,select.ruleerror {
    background-color: #fdd !important;
}
.errormess {
    color: #a44;
}