+form.card input.delete { display: none; }
+form.card input.delete + label {
+ display: inline-block;
+ position: relative;
+ font-size: .875em;
+ left: calc(100% - 1.5em);
+ width: 1.5em;
+ margin-bottom: -1.5em;
+ overflow: hidden;
+ white-space: nowrap;
+ vertical-align: bottom;
+}
+form.card input.delete + label:before {
+ display: inline-block;
+ content: 'x';
+ width: calc(1.5em - 2px); height: calc(1.5em - 2px);
+ vertical-align: bottom;
+ text-align: center;
+ color: #444;
+ background-color: #FBB;
+ border: 1px solid #BBB;
+}
+form.card input.delete + label + input[type=text],
+form.card input.delete + label + input:not([type]),
+form.card input.delete + label + select + input.TEL {
+ width: calc(100% - 1.5em);
+}
+form.card input.delete[name^=TEL_] + label { top: 1.5em; }
+form.card input.delete[name^=TEL_] + label:before { border-top: none; }
+form.card input.delete[name^=NOTE_] + label,
+form.card input.delete[name^=ADR_] + label { margin-bottom: 0; }
+form.card input.delete[name^=NOTE_] + label:before,
+form.card input.delete[name^=ADR_] + label:before { border-bottom: none; }
+
+form.card input.delete:checked + label,
+form.card input.delete:checked + label + input,
+form.card input.delete:checked + label + select,
+form.card input.delete:checked + label + select + input,
+form.card input.delete:checked + label + textarea {
+ display: none
+}
+