@charset "UTF-8";

.pulldown {
    width: 100%;
    height: 100%;
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    width: 100%;
}
.custom-select-wrapper select {
    display: none;
}
.custom-select {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: left;
    font: normal normal normal 18px/27px Hiragino Kaku Gothic Pro;
    letter-spacing: 0px;
    color: #464646;
}
.custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px; height: 10px;
	top: 50%; right: 25px;
	margin-top: -9px;
	border-top: 8px solid #787878;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.custom-select.opened .custom-select-trigger:after {
 	margin-top: -13px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.custom-options {
    position: absolute;
    top: 100%; left: 0; right: 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.07);
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    z-index:2;
    display: none;
    max-height: 70vh;
    overflow: auto;
    margin-left: -20px;
}
.custom-select.opened .custom-options {
    display: block;
}

.option-hover:before {
background: #f9f9f9;
}
.custom-option {
position: relative;
display: block;
padding: 0 22px;
border-bottom: 1px solid #b5b5b5;
font-size: 18px;
font-weight: 600;
color: #b5b5b5;
line-height: 47px;
cursor: pointer;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.custom-option:first-of-type {
border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
border-bottom: 0;
border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
background: #f9f9f9;
}