@charset "UTF-8";

#search-result-layer {
    display: none;
    position: absolute;
    width: min(84vw, 45rem);
    max-height: 39.75rem;
    background-color: #fff;
    text-align: left;
    border: 1px solid #ccc;
    cursor:default;
    z-index: 10;
    margin-top: 1rem;
}

.search-result-layer-title {
    text-align: center;
    font-size: 1.3rem;
    color: #444;
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: #f1f1f1;
    height: 4rem;
    border-bottom:1px solid #ccc;
}

.search-result-layer-addrs {
    margin-top: 1rem;
	overflow-x: hidden;
	width: min(84vw, 45rem);
	max-height: 27.2rem;
}

.search-result-layer-addr {
    color: #444;
    padding: .5rem 2rem !important;
    font-size: 1.3rem;
    cursor:pointer;
}

.search-result-layer-addr:hover{
    text-decoration: underline;
}

.search-result-layer-close {
    text-align: center;
    color: #444;
    background-color: #f1f1f1;
		width: 10rem;
    height: fit-content;
    margin: 0 auto;
    margin-bottom: 2rem;
    margin-top: 2.5rem;
    border: 1px solid #ccc;
    cursor:pointer;
		font-size: 1.3rem !important;
    padding: 0.4rem 0 !important;
}

.search-result-layer-close:hover{
    background-color: #444;
    color: #f1f1f1;
}


@media screen and (max-width:768px){
	#search-result-layer {
    max-height: 30rem;
	}

	.search-result-layer-title {
			padding-top: .5rem;
			padding-bottom: .5rem;
			height: 3.5rem;
	}

	.search-result-layer-addrs {
		margin-top: 1rem;
		max-height: 17.7rem;
	}

	.search-result-layer-addr {
			padding: .3rem 2rem !important;
			font-size: 1.3rem;
	}

	.search-result-layer-close {
		margin-bottom: 1.6rem;
    margin-top: 2rem;
	}
}