.nice-select { position: relative; padding-left: 1rem; padding-right: 30px; width: auto; background-color: #fff; border: 1px solid #ced4da; border-radius: .2rem; box-sizing: border-box; display: inline-block; font-weight: normal; line-height: 1; text-align: left !important; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; -webkit-tap-highlight-color: transparent; clear: both; cursor: pointer; }
.nice-select span { padding: .3rem 0; display: inline-block; }
.nice-select:after { position: absolute; margin-top: -4px; width: 5px; height: 5px; display: block; border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; pointer-events: none; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }

/* open */
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }

/* disabled */
.nice-select.disabled { background: #edf2f9; color: #748194; opacity: .7; cursor: not-allowed; }
.nice-select.disabled:after { border-color: #cccccc; }
.nice-select.disabled .list { display: none; }

/* wide */
.nice-select.wide , .form_list .nice-select { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }

/* right */
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }

/* small */
.nice-select.small { height: 36px; line-height: 34px; font-size: 12px; }
.nice-select.small:after { width: 4px; height: 4px; }
.nice-select.small .option { min-height: 34px; line-height: 34px; }

/* list */
.nice-select .list { position: absolute; overflow-y: overlay; margin-top: 4px; padding: 0; max-height: 300px; background-color: #fff; border: 1px #c9cfd5 solid; border-radius: .2rem; box-shadow: 0 0 0.875rem 0 rgb(53 64 82 / 10%); top: 100%; left: 0; box-sizing: border-box; opacity: 0; pointer-events: none; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .list::-webkit-scrollbar { width: 8px; }
.nice-select .list::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid transparent; background-clip: content-box; background-color: rgb(132 132 132 / 50%); }

/* option */
.nice-select .option { padding-left: 1rem; padding-right: 1rem; border-bottom: 0; list-style: none; font-weight: 400; line-height: 2; outline: none; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer; }
.nice-select .option:nth-child(2n) { background: none; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f8f9fa; }
.nice-select .option.selected { font-weight: bold; }
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.nice-select .option.lv2 { padding-left: calc(1rem + 18px); }
.nice-select .option.lv3 { padding-left: calc(2rem + 18px); }

.no-csspointerevents .nice-select .list { display: none; }

.no-csspointerevents .nice-select.open .list { display: block; }

/* form_list */
.form_list .nice-select .list , .list_box .list { left: 0 !important; right: 0 !important; }

/* search_box */
.search_box .nice-select , .search_box .nice-select .option { padding-left: .7rem; }
.search_box .nice-select span { padding: .2rem 0; }
.search_box .nice-select .option.lv2 { padding-left: 1.85rem; }
.search_box .nice-select .option.lv3 { padding-left: 2.85rem; }

@media screen and (min-width: 481px){
	.form_list .nice-select { width: calc(100% - 150px); }
}