/**
 *  from edmuhak
 */
.multi-selector {
    position: relative;
}

.multi-selector .line-style {
    width: 100%;
}

.multi-selector .select-style {
    padding-right: 1.6rem;
    box-sizing:border-box;
    background:transparent url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/select-arr.png) no-repeat;background-position:calc(100% - .5rem) center;background-size:1rem;
}

.multi-selector .input-multi-select {
    display: none;
    border: solid 1px #333;
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    background: #fff;
    z-index: 10;
    transition: all .3s;
}

.multi-selector.ims-active .input-multi-select {
    display: block;
    transition: all .3s;
}

.input-multi-select {display:none;position:absolute;top:calc(100% - 2px);left:0;width:100%;padding:1rem;box-sizing:border-box;background:#fff;z-index:10;}
.input-multi-select .chk-custom-wrap {font-size:0;}
.input-multi-select .chk-custom-wrap:after {content:'';display:block;width:100%;clear:both;}
.input-multi-select .chk-custom-wrap span {display:inline-block;margin:0 .2rem;text-align:center;white-space:nowrap;}
.input-multi-select .chk-custom-wrap input[type=checkbox] {display:none;}
.input-multi-select .chk-custom-wrap input[type=checkbox] + label {display:block;width:100%;padding:.3rem 1rem;border-radius:5px;border:1px solid #f8f8f8;background:#f8f8f8;box-sizing:border-box;font-size:.8rem;font-weight:300;color:#666;letter-spacing:-1px;cursor:pointer;}
.input-multi-select .chk-custom-wrap input[type=checkbox]:checked + label {border:1px solid #1ec95b;color:#1ec95b;}
.ims-active .input-multi-select {display:block;}
.ims-active input[type=text].select-style {}
.ims-active input::placeholder {color:#1ec95b;}
.ims-active input::-moz-placeholder {color:#1ec95b;}
.ims-active input:-ms-input-placeholder {color:#1ec95b;}

@media screen and (max-width:768px) {
    .input-multi-select .chk-custom-wrap input[type=checkbox] + label {font-size:1.08rem;padding:.3rem 0;}
}

.input-multi-select .chk-custom-wrap:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.multi-selector .input-multi-select .chk-custom-wrap span {
    min-width: calc((99.9% - 1.2rem) / 3);
}

.multi-selector .input-multi-select .chk-custom-wrap input[type=checkbox] + label {
    padding: .3rem .5rem;
}

/* button */
.button-wrap {display:block;width:100%;margin-top:2rem;font-size:0;}
.button-wrap:after {content:'';display:block;width:100%;clear:both;}
.button-wrap.center {text-align:center;}
.button-wrap.right {text-align:right;}
.button-wrap input ~ input {margin:0;}
input[type=button], button, .button {border:none;background:transparent;font-size:inherit;font-family:inherit;-webkit-appearance:none;outline:none;border-radius:0;cursor:pointer;}
input[type=button], .button {display:inline-block;height:2.3rem;padding:0 1rem;box-sizing:border-box;line-height:calc(2.3rem - 2px);font-family:'noto';font-size:.9rem;background:#666;border:1px solid #666;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;}
.button.pale {background:#e2e9ef;border-color:#e2e9ef;color:#000;}
.button.color {background:#1ec95b;border-color:#1ec95b;}
.button.mix {background:#4279f6;border-color:#4279f6;}
.button.point {background:#fd3737;border-color:#fd3737;}
.button.dark {background:#222;}
.button.line {background:transparent;border:1px solid #333;color:#333;}
.button.wide {width:100%;}
.button.wide + .button.wide {margin-top:.5rem;}
.button.half {width:49%;float:left;}
.button.half + .button.half {float:right;}
/* .button * {vertical-align: middle;} */


.chk-custom-wrap label {
    display: block;
    font-size: 0.7rem;
    color: #666;
    padding-left: .25rem;
    margin: .5rem 0 0 0;
}