/* sample suggest */

.sample-suggest-area {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
	color: #333;
	background: rgba(255,255,255, .9);
	box-shadow:0px 2px 3px 1px rgba(0,0,0,0.14),0px -1px 3px -3px rgba(0,0,0,0.17);
	-moz-box-shadow:0px 2px 3px 1px rgba(0,0,0,0.14),0px -1px 3px -3px rgba(0,0,0,0.17);
	-webkit-box-shadow:0px 2px 3px 1px rgba(0,0,0,0.14),0px -1px 3px -3px rgba(0,0,0,0.17);
	padding: 10px 16px;
}
.sample-suggest-area > p {
	background: #ccc;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 4px;
	margin: 0 0 10px;
}
.sample-suggest-area > p small {
	font-size: 1.1rem;
	font-weight: normal;
	margin: 0 0 0 10px;
}
.sample-suggest-area ul {
	margin: 0 0 10px;
}
.sample-suggest-area li {
	font-size: 1.2rem;
	white-space: nowrap;
	padding: 4px;
	cursor: pointer;
}
.touch {
	background: #c5e7eb;
    
}
/*
.sample-suggest-area li:hover,
*/
.sample-suggest-area li:active {
	background: #fedc6e;
}

.sample-suggest-area li.plane::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f072";
	color: #52a1cb;
	margin: 0 4px 0 0;
}
.sample-suggest-area li.train::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f238";
	color: #52a1cb;
	margin: 0 4px 0 0;
}
.sample-suggest-area li.flag::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f024";
	color: #cc586b;
	margin: 0 4px 0 0;
}
.sample-suggest-area .hotel-list li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f236";
	margin: 0 4px 0 0;
}