.ca-number{position:relative}.ca-number,.ca-number .number-block{align-items:center;display:flex}.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{align-items:center;display:grid}.ca-number .number-block .number .select{position:relative;width:auto}.ca-number .number-block .number .select.error select{background:rgba(var(--color-error-10,204,204,204),.1);border:2px solid var(--color-error,#ccc)}.ca-number .number-block .number .select:before{border-color:var(--color-font,#000) transparent transparent transparent;border-style:solid;border-width:4px;content:"";display:inline-block;margin:auto;position:absolute;right:10px;top:calc(50% - 2px)}.ca-number .number-block .number .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white,#fff);border:1px solid var(--color-border,#ccc);border-radius:4px;box-sizing:border-box;color:var(--color-font,#000);cursor:pointer;font-size:.9375rem;line-height:40px;padding:0 35px 0 .9375rem;width:5em}.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{background:rgba(var(--color-error-10,204,204,204),.1);border:2px solid colo-caution}.ca-number .number-block .number input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border,#ccc);border-radius:4px;box-sizing:border-box;font-size:.9375rem;line-height:40px;padding:0 .9375rem;position:relative;width:5em}.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{background:#f8f8f8;color:var(--color-font-light2,#000)}.ca-number .number-block .number input.error{background:rgba(var(--color-error-10,204,204,204),.1);border:2px solid var(--color-error,#ccc)}.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{background:#eee;border-radius:4px;cursor:pointer;display:block;display:flex;height:19px;margin-top:2px;position:relative;transition:.3s;width:25px}.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: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{border-bottom:1px solid #707070;border-right:1px solid #707070;bottom:0;content:"";display:block;height:5px;left:0;margin:auto;position:absolute;right:0;top:5px;transform:rotate(-135deg);width:5px}.bp-sm .ca-number .number-block .number.arrow .add:before,.bp-sm .ca-number .number-block .number.arrow .remove:before{border-width:2px;height:.75rem;width:.75rem}.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{align-items:center;color:var(--color-font,#000);display:flex;font-size:10px;height:100%;justify-content:center;position:absolute;width:100%}.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-column:2/3;grid-row:1/2}.ca-number .number-block .number.right .change-button-remove{grid-column:2/3;grid-row: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-column:1/2;grid-row:1/2}.ca-number .number-block .number.left .change-button-remove{grid-column:1/2;grid-row:2/3}.ca-number .number-block .number.left .change-button-add,.ca-number .number-block .number.left .change-button-remove{margin-left:0;margin-right:5px}.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{height:100%;margin-top:0}