/*  ==========
  header
==========  */
.header_container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:40px;
	padding:0 20px;
}

.header_center{
	font-size:1.0rem;
	align-self: center;
}


 /*============================
 serarch input
============================*/

.time_input{
	flex-grow: 1;
}

.time_input > input{
	font-size:0.8rem;
	padding:0 30px 0 10px;
	width: 100%;
	border:none;
	background-color: #fff;
	border-radius:5px;
	height:1.7rem;
	box-sizing: border-box; 
}


.search_stop_container{
	display:flex;
	align-items:center;
	flex-wrap: nowrap;
	font-size:0.7rem;
}


.stop_icon_outer{
	width:100px;
	margin-top:3px;
	margin-right:5px;
}


.search_input{
	flex-grow: 1;
}

.search_input > input{
	font-size:0.8rem;
	padding:0 10px 0 11px;
	width: 100%;
	border:none;
	background-color: #fff;
	border-radius:5px;
	height:1.7rem;
}

.search_input_icon{
	position:relative;
	right:10px;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.search_input_icon > span{
	cursor:pointer;
	font-size:1.2rem;
	color:#bcbcbc;
}

.suggest_area{
/*	position: relative;*/
	position: absolute;
	margin-left:100px;
/*	height:auto;*/
/*	overflow: auto;*/
/*	overflow: visible;*/
	margin-top:1px;
	width: calc(100% - 100px);
/*	height:1px;*/
	z-index:49;
}

.suggest_text{
	padding: 7px 10px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-top: none;
	cursor: pointer;
	border-radius:5px;
	display:block;
	z-index:100;
	cursor: pointer;
	font-size:0.7rem;
}

.suggest_text:hover{
	background-color:var(--red);
	color:#fff;
}

 
.btn_wrapper{
	display: flex;
	flex-direction:row-reverse;
	margin-top:10px;
}

.btn{
	background-color: var(--red);
	width:100%;
	height:2.0rem;
	border-radius: 5px;
	color:#fff;
	font-size:1.0rem
}