html {height: 100%}
body {
	width:100vw;
	height: -webkit-fill-available;
	max-width: 100vw;
	margin:0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:16px;
	color: #000 !important;
}

body::-webkit-scrollbar,.app-box::-webkit-scrollbar {display: none;}
.components-box{display:none;}

.ui-box{display: flex;}
.ui-boarder-box{border:1px solid #eaeaea;}

.ui-icon18{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;padding-right:8px;}
	.ui-icon18 img{width:18px;height:18px;}

.ui-icon24{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;padding-right:8px;}
	.ui-icon24 img{width:24px;height:24px;}

.ui-icon34{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;padding-right:8px;}
	.ui-icon34 img{width:34px;height:34px;}

.hidden {display:none !important;}
.invalid {border:2px solid red !important;}
.from-box{display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;height:fit-content;}
.form-title-box{background-color: #f5f5f5;padding:10px;display: flex;}
.form-title{font-size: 16px;font-weight: 700;text-wrap: nowrap;}
.form-section{background-color: #f5f5f5;padding:10px;margin:0 0 10px 0;height:fit-content;}
.tips{}
.tips img{width:18px;}

.form-select-box{position:relative;display: flex;align-items: center;}
.form-select{margin:0 4px;border:1px solid #bab9b5;width:100%;padding:6px 8px;font-size:16px;background-color: #fff;}
.form-select button{border: 0;}
.form-select span{position: relative !important;}
.input-box{padding:9px 10px 9px 10px !important;}
.date-input-box{}
.date-input-box input{
	border:1px solid #bab9b5;color:#bab9b5;width:100%;height:32px;margin:4px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size:16px;
	padding:0 0.5em;
	background-color: #fff;
}

.schedule-box{display: flex;flex-direction: row;}
.schedule-label{white-space: nowrap;display: flex;align-items: center;margin-right:8px;}
.schedule{width:100%;}
.spacer{width:20px;}

button{font-size:16px;}
.btn-base{}
.btn-primary{border:1px solid #1E2753;background-color: #1E2753;padding:10px;width:100%;margin:5px;color:#fff}
.btn-secondadry{border:1px solid #1e2753;background-color: #fff;padding:10px;width:100%;margin:5px;color:#1e2753}
.btn-disabled{border:1px solid #ccc;background-color: #ccc;padding:10px;width:100%;margin:5px;color:#fff}
.btn-hover{}
.btn-focused{}

.add-btn-box{/*margin:0 5px;*/}
.add-btn-box button{padding:5px 10px;}


.app-box{
	position:relative;overflow-x: hidden;box-sizing: border-box;
	width:100vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position:fixed;
	bottom:0;
	height: 100%;
	height: -moz-available;          /* WebKit-based browsers will ignore this. */
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
}


.header-box{
	width:100vw;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding:8px 20px;
	box-sizing: border-box;
	background-color: #fff;
}
.header-title-box{
	width:100vw;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: flex-start;
	box-sizing: border-box;
}

.chatarea-box{
	box-sizing: border-box;
	width:100vw;
	/* height:-webkit-fill-available; */
	overflow-x: hidden;
	background-color: #f7f7f7;
	padding:16px 24px 16px 24px;
	font-size: 16px;
	overflow-y: scroll;
	height: 100%;
	height: -moz-available;          /* WebKit-based browsers will ignore this. */
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
}

.inputarea-box{
	/* overflow-x: hidden; */
	width:100vw;	
	padding:9px 10px 9px 10px;
	box-sizing: border-box;
	background-color: #fff;
}

.autocomplete-list{
	list-style: none;
	margin: 4px;
	padding: 4px;
	bottom:0;
	border: 1px solid #bab9b5;
	background-color: #fff;
	max-height: 200px;
	position: absolute;
	bottom:32px;
}
.autoComplete_highlight{
	background-color: #f7f7f7;
}
.airport-box{width: 100%; padding-right: 8px;}

.choices.is-open{overflow: scroll;}
.choices {width:100%;}
.choices__inner{min-height:auto !important;padding:8px;background-color: #fff !important;border:1px solid #bab9b5 !important;}
.choices__list--single{padding:0 !important;}