.production-select-button{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;width:100%;border:1px solid #dbdbdb;background-color:#fff;border-radius:4px;cursor:pointer;position:relative;font-family:inherit;padding:0;transition:background-color .1s}.production-select-button--disabled{cursor:default}.production-select-button--disabled .production-select-button__text{color:#dbdbdb}.production-select-button.focus-visible:focus{background-color:#fafafa}@media(min-width:768px){.production-select-button:active,.production-select-button:hover{background-color:#fafafa}}.production-select-button::-moz-focus-inner{border:0}.production-select-button.focus-visible:focus{outline:none;box-shadow:0 0 0 3px rgba(130,224,250,.5)}.production-select-button__production{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position:relative;margin:13px 16px 13px 0}.production-select-button__production__blank{padding:10px 0 11px 16px;font-size:15px;color:#292929;line-height:21px}.production-select-button__production__index{width:60px;font-weight:800;color:#757575;font-size:15px;text-align:center}.production-select-button__production__image{display:block;width:44px;height:44px;border-radius:4px}.production-select-button__production__image--wrap{position:relative}.production-select-button__production__sold-out{position:absolute;left:0;right:0;bottom:0;padding:2px 0;font-size:11px;line-height:15px;font-weight:700;text-align:center;color:#fff;background-color:#bdbdbd;border-radius:0 0 4px 4px}.production-select-button__production__text{margin-left:15px;width:100%;text-align:left;font-size:13px;color:#424242;display:block;max-height:32px;word-break:break-all;font-weight:400;line-height:16px;transition:opacity .1s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;padding-right:20px}.production-select-button__production__icon{position:absolute;right:0}.production-select-button__production__icon>svg{vertical-align:-3px;color:#757575}.production-select-text-button{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;width:100%;border:1px solid #dbdbdb;background-color:#fff;border-radius:4px;cursor:pointer;position:relative;margin-bottom:20px;padding:0}.production-select-text-button--disabled{cursor:default}.production-select-text-button--disabled .production-select-text-button__text{color:#dbdbdb}.production-select-text-button__text{width:100%;color:#424242;font-size:15px;line-height:21px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:9px 16px 8px}.production-select-text-button__icon{position:absolute;right:16px}.production-select-item{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;text-align:left;margin:0;padding:0;background:none;border:none;box-sizing:border-box;font-family:inherit}.production-select-item--selected{background-color:#eaebef}.production-select-item__index{width:60px;color:#757575;font-size:15px;font-weight:700;text-align:center}.production-select-item__image{position:relative;margin-right:10px;font-size:0}.production-select-item__image .image{display:block;width:44px;height:44px;border-radius:4px}.production-select-item__contents{width:100%}.production-select-item__contents__name{display:block;max-height:32px;margin-top:5px;word-break:break-all;font-size:13px;font-weight:400;line-height:16px;color:#424242;transition:opacity .1s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.production-select-item__contents__count{display:block;color:#9e9e9e;font-size:13px;margin-top:6px}.production-select-item__contents__info{display:flex;align-items:center;flex-wrap:wrap;margin-top:4px}.production-select-item__contents__info__badges{display:flex;margin-left:5px}.production-select-item__contents__info__badges>svg{margin-right:4px}.production-select-list{position:relative}.production-select-list__item{display:block;background-color:#fff;border-bottom:1px solid #dbdbdb}.production-select-list__item .production-select-item{width:100%;margin:0;padding:8px 20px 8px 0;transition:background-color .1s}.production-select-list__item .production-select-item.focus-visible:focus{background-color:#f7f8fa}@media(min-width:768px){.production-select-list__item .production-select-item:active,.production-select-list__item .production-select-item:hover{background-color:#f7f8fa}}.production-select-list__item:last-child{border-bottom:none}.production-select-list__item-all{display:block;width:100%;box-sizing:border-box;margin:0;padding:20px 16px;font-size:13px;line-height:24px;border:none;color:#424242;background:none;text-align:left;transition:background-color .1s}.production-select-list__item-all.focus-visible:focus{background-color:#f7f8fa}@media(min-width:768px){.production-select-list__item-all:active,.production-select-list__item-all:hover{background-color:#f7f8fa}}.production-select-dropdown{position:relative;width:100%}.production-select-dropdown__list-container{position:absolute;top:100%;left:0;width:100%;margin-top:4px;transition:opacity .2s,transform .2s;opacity:0;transform:translateY(-10px);z-index:501;border:1px solid #dbdbdb;border-radius:4px;overflow:hidden;box-sizing:border-box}.production-select-dropdown__list-container.open{opacity:1;transform:none}.production-select-dropdown__list{max-height:377px;overflow:auto;background-color:#fff;box-sizing:border-box;-webkit-overflow-scrolling:touch}