@charset "utf-8";

.nice-select{position:relative;float:left;clear:both;display:block;width:auto;height:42px;padding-left:18px;padding-right:30px;font-size:14px;line-height:40px;font-family:inherit;font-weight:normal;text-align:left !important;background-color:#fff;border:solid 1px #d7d7d7;border-radius:3px;box-sizing:border-box;outline:none;white-space:nowrap;cursor:pointer;user-select:none;transition:all 0.25s ease-in-out;-webkit-tap-highlight-color:transparent;}
.nice-select:hover{border-color:#909920;}
.nice-select:active,
.nice-select.open,
.nice-select:focus{border-color:#979797;}
.nice-select:after{content:"";position:absolute;top:50%;right:12px;display:block;width:5px; height:5px;margin-top:-4px;border-right:2px solid #979797;border-bottom:2px solid #979797;transform:rotate(45deg);transform-origin:66% 66%;pointer-events:none;transition:all 0.25s ease-in-out;}
.nice-select.open:after{transform:rotate(-135deg);}
.nice-select.open .list{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;}
.nice-select.disabled{color:#979797;border-color:#e7e7e7;pointer-events:none;}
.nice-select.disabled:after{border-color:#c7c7c7;}
.nice-select.wide{width:100%;}
.nice-select.wide .list{right:0 !important;left:0 !important;}
.nice-select.right{float:right;}
.nice-select.right .list{right:0;left:auto;}
.nice-select.small{height:36px;font-size:12px;line-height:34px;}
.nice-select.small:after{width:4px;height:4px;}
.nice-select.small .option{min-height:34px;line-height:34px;}
.nice-select .list{position:absolute;top:100%;left:0;margin-top:4px;padding:0;border-radius:5px;box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11);background-color:#fff;box-sizing:border-box;z-index:9;transform:scale(0.75) translateY(-21px);transform-origin:50% 0;overflow:hidden;opacity:0;pointer-events:none;transition:all 0.25s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;}
.nice-select .list:hover .option:not(:hover){background-color:transparent !important;}
.nice-select .option{min-height:40px;padding-right:29px;padding-left:18px;font-weight:400;line-height:40px;text-align:left;list-style:none;outline:none;transition:all 0.25s;cursor:pointer;}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus{background-color:#d7d7d7;}
.nice-select .option.selected{font-weight:bold;}
.nice-select .option.disabled{background-color:transparent;color:#979797;cursor:default;}
.no-csspointerevents .nice-select .list{display:none;}
.no-csspointerevents .nice-select.open .list{display:block;}

/* customize for infoCMS */
.nice-select{float:none;display:inline-block;width:auto;height:auto;max-width:100%;margin:2px;padding:0 30px 0 1em;font-size:inherit;line-height:inherit;vertical-align:middle;}
.tableSettings .NormalTextBox.nice-select{width:auto;vertical-align:middle;}
.nice-select > span.current{display:block;padding:0.25em 0;overflow:hidden;text-overflow:ellipsis;}
.nice-select > span.current:empty:before{content:"指定されていません";opacity:0.5;}
.nice-select ul.list:empty{display:none;}
.nice-select .list{overflow:hidden;height:0;max-height:25vh;transition:all 0.25s ease-in-out,opacity 0.15s ease-in-out,height 0s ease-in-out 0.15s;}
.nice-select.open .list{overflow:auto;height:inherit;margin-bottom:1em;transition:all 0.25s ease-in-out,opacity 0.15s ease-in-out,height 0s ease-in-out 0s;}


/* ================================
   for date
   ================================ */
.nice-select.NormalDropDownList{vertical-align: middle;}



/* ================================
   for modalMode
   ================================ */
.modalMode .nice-select.open .list{margin-bottom:7em}
.modalMode .nice-select.open .list{max-width:70vw;}
.modalMode .nice-select > span.current{white-space:normal;}