.ca-number{position:relative;flex-direction:column;width:-moz-fit-content;width:fit-content}.ca-number,.ca-number .number-block{display:flex;align-items:center}.ca-number .number-block .prefix,.ca-number .number-block .suffix{font-size:.875rem;margin:0 5px}.bp-sm .ca-number .number-block .prefix,.bp-sm .ca-number .number-block .suffix{font-size:1.625rem}.ca-number .number-block .number{display:grid;align-items:center}.ca-number .number-block .number .select{width:auto;position:relative}.ca-number .number-block .number .select.error select{border:2px solid var(--color-error,#ccc);background:rgba(var(--color-error-10,204,204,204),.1)}.ca-number .number-block .number .select:before{content:"";border-color:var(--color-font,#000) transparent transparent transparent;border-style:solid;border-width:4px;display:inline-block;position:absolute;right:10px;top:calc(50% - 2px);margin:auto}.ca-number .number-block .number .select select{width:5em;font-size:.9375rem;line-height:40px;padding:0 35px 0 .9375rem;border:1px solid var(--color-border,#ccc);border-radius:4px;box-sizing:border-box;background:var(--color-white,#fff);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--color-font,#000)}.bp-sm .ca-number .number-block .number .select select{font-size:2rem;padding:0 24px 0 .9375rem}.ca-number .number-block .number .select select::-ms-expand{display:none}.ca-number .number-block .number .select select:focus{outline:0}.ca-number .number-block .number .select select.error{border:2px solid colo-caution;background:rgba(var(--color-error-10,204,204,204),.1)}.ca-number .number-block .number input{width:5em;padding:0 .9375rem;box-sizing:border-box;border:1px solid var(--color-border,#ccc);border-radius:4px;font-size:.9375rem;position:relative;line-height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bp-sm .ca-number .number-block .number input{font-size:2rem}.ca-number .number-block .number input:focus{outline:0}.ca-number .number-block .number input:disabled{color:var(--color-font-light2,#000);background:#f8f8f8}.ca-number .number-block .number input.error{border:2px solid var(--color-error,#ccc);background:rgba(var(--color-error-10,204,204,204),.1)}.ca-number .number-block .number .change-button-add,.ca-number .number-block .number .change-button-remove{margin-left:5px;margin-top:-2px}.bp-sm .ca-number .number-block .number .change-button-add,.bp-sm .ca-number .number-block .number .change-button-remove{display:flex;margin-left:0}.ca-number .number-block .number .change-button-add .add,.ca-number .number-block .number .change-button-add .remove,.ca-number .number-block .number .change-button-remove .add,.ca-number .number-block .number .change-button-remove .remove{width:25px;height:19px;display:block;border-radius:4px;position:relative;background:#eee;display:flex;cursor:pointer;margin-top:2px;transition:.3s}.bp-sm .ca-number .number-block .number .change-button-add .add,.bp-sm .ca-number .number-block .number .change-button-add .remove,.bp-sm .ca-number .number-block .number .change-button-remove .add,.bp-sm .ca-number .number-block .number .change-button-remove .remove{margin-left:.625rem}.ca-number .number-block .number .change-button-add .add:focus-visible,.ca-number .number-block .number .change-button-add .remove:focus-visible,.ca-number .number-block .number .change-button-remove .add:focus-visible,.ca-number .number-block .number .change-button-remove .remove:focus-visible{outline:auto;outline:auto -webkit-focus-ring-color;transition:0s}.ca-number .number-block .number .change-button-add .add:hover,.ca-number .number-block .number .change-button-add .remove:hover,.ca-number .number-block .number .change-button-remove .add:hover,.ca-number .number-block .number .change-button-remove .remove:hover{background:#e0e0e0}.ca-number .number-block .number .change-button-add .add.disabled,.ca-number .number-block .number .change-button-add .remove.disabled,.ca-number .number-block .number .change-button-remove .add.disabled,.ca-number .number-block .number .change-button-remove .remove.disabled{opacity:.3;pointer-events:none}.ca-number .number-block .number .change-button-add .remove,.ca-number .number-block .number .change-button-remove .remove{margin-top:2px}.ca-number .number-block .number.arrow .select:before,.ca-number .number-block .number.both-ends .select:before,.ca-number .number-block .number.left .select:before,.ca-number .number-block .number.plusminus .select:before,.ca-number .number-block .number.right .select:before{display:none}.ca-number .number-block .number.arrow .select select,.ca-number .number-block .number.both-ends .select select,.ca-number .number-block .number.left .select select,.ca-number .number-block .number.plusminus .select select,.ca-number .number-block .number.right .select select{padding-right:.9375rem}.ca-number .number-block .number.arrow .add:before,.ca-number .number-block .number.arrow .remove:before{content:"";display:block;width:5px;height:5px;border-right:1px solid #707070;border-bottom:1px solid #707070;transform:rotate(-135deg);position:absolute;inset:5px 0 0;margin:auto}.bp-sm .ca-number .number-block .number.arrow .add:before,.bp-sm .ca-number .number-block .number.arrow .remove:before{width:.75rem;height:.75rem;border-width:2px}.ca-number .number-block .number.arrow .remove:before{top:-5px;transform:rotate(45deg)}.ca-number .number-block .number.plusminus .add:before,.ca-number .number-block .number.plusminus .remove:before{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;color:var(--color-font,#000);font-size:10px}.bp-sm .ca-number .number-block .number.plusminus .add:before,.bp-sm .ca-number .number-block .number.plusminus .remove:before{font-size:1.25rem}.ca-number .number-block .number.plusminus .add:before{content:"＋"}.ca-number .number-block .number.plusminus .remove:before{content:"ー"}.ca-number .number-block .number.right .select,.ca-number .number-block .number.right input{grid-column:1/2;grid-row:1/3}.ca-number .number-block .number.right .change-button-add{grid-row:1/2;grid-column:2/3}.ca-number .number-block .number.right .change-button-remove{grid-row:2/3;grid-column:2/3}.ca-number .number-block .number.left .select,.ca-number .number-block .number.left input{grid-column:2/3;grid-row:1/3}.ca-number .number-block .number.left .change-button-add{grid-row:1/2;grid-column:1/2}.ca-number .number-block .number.left .change-button-remove{grid-row:2/3;grid-column:1/2}.ca-number .number-block .number.left .change-button-add,.ca-number .number-block .number.left .change-button-remove{margin-right:5px;margin-left:0}.ca-number .number-block .number.both-ends .select,.ca-number .number-block .number.both-ends input{grid-column:2/3;grid-row:1/2}.ca-number .number-block .number.both-ends .change-button-add{grid-column:3/4;grid-row:1/2}.ca-number .number-block .number.both-ends .change-button-remove{grid-column:1/2;grid-row:1/2;margin-left:0;margin-right:5px}.ca-number .number-block .number.both-ends .change-button-add,.ca-number .number-block .number.both-ends .change-button-add .add,.ca-number .number-block .number.both-ends .change-button-add .remove,.ca-number .number-block .number.both-ends .change-button-remove,.ca-number .number-block .number.both-ends .change-button-remove .add,.ca-number .number-block .number.both-ends .change-button-remove .remove{margin-top:0;height:100%}