* {
	font-family: 'tuitype-light', sans-serif;
}

body {
	font-size:160%;
}





.lpHead {
	width:100%; background-color: rgb(194, 230, 250); display:block; color:#666666;
}
.mainHeader {
	
}

.header00 {
	width:100%; max-width:900px; margin: 0 auto; margin-top:1em; font-size:1.3em;
}

.header01 {
	display:inline-block; vertical-align:top; width:45%; font-size:1.2em; padding-top:15px; padding-right:2em;
}

.header01_1 {
	display:inline-block; width:40%; font-size:0.8em;
}

.header01_2 {
	display:inline-block; width:40%; font-size:0.8em; margin-top:0.7em;
}

.header01_3 {
	display:inline-block; width:40%; font-size:0.8em;
}

.header01_4 {
	display:inline-block; width:40%; font-size:0.8em;
}
	
.header02 {
	display:inline-block; width:20%; padding:0;
}	
	
.header03 {
	display:inline-block; vertical-align:top; font-size:0.8em; padding-top:15px;	
}

.inputbox {
	display:inline-block; width:40%;
}

.inputbox-remark {
	font-size:0.7em; color:#AAAAAA;
}	

.inputarea {
	display:inline-block; width:100%; padding-left:1em;
}	

.inputarea_field {
	width:80.5%;
}

.inputarea_remark {
	display:inline-block; width:80%; font-size:0.9em; color:#666666;
}

.contactBorder {
	background-color:#C2E6FA;
}
.greyButton {
	
}

.tui-table {
  width: 100%;
  font-size:0.9em;
}

.tui-table thead td {
    font-weight:bold;
	border-bottom:solid 1px #CCCCCC;
}

.tui-table tbody tr:hover {
    background-color: #E2F3FE;
}

#select_startTravel {
	width:10em;
}
#select_endTravel {
	width:10em;
}
#select_duration {
	width:10em;
}
#select_adults {
	width:10em;
}
#select_children {
	width:10em;
}

#select_age1 {
	width:4.85em;
}
#select_age2 {
	width:4.85em;
}
#select_age3 {
	width:4.85em;
}
#select_age4 {
	width:4.85em;
}

.calMonth {
	width:39px;
	height:41px;
	text-align:center;
	color:#092A5E;
	font-weight:bold;
	font-size:1.2em;
}
.calLeftRight {
	width:39px;
	height:41px;
	text-align:center;
	color:#092A5E;
	font-size:1.2em;
}
.calLeftRight:hover {
	background:#E2F3FE;
	cursor:pointer;
}
#calDays td {
	width:39px;
	height:41px;
	text-align:center;
	color:#737373;
	border-bottom:solid 1px #D7D2C3;
}
.calWeekday {
	width:39px;
	height:41px;
	text-align:center;
	color:#4C4C4C;
}
.calWeekday:hover {
	background:#E2F3FE;
	cursor:pointer;
}
.calWeekend {
	width:39px;
	height:41px;
	text-align:center;
	color:#4C4C4C;
	background:#F3F0EC;
}
.calWeekend:hover {
	background:#E2F3FE;
	cursor:pointer;
}

.calWeekdayOff {
	width:39px;
	height:41px;
	text-align:center;
	color:#DDDDDD;
}
.calWeekdayOff:hover {
	background:#E2F3FE;
	cursor:pointer;
}
.calWeekendOff {
	width:39px;
	height:41px;
	text-align:center;
	color:#DDDDDD;
	background:#F3F0EC;
}
.calWeekendOff:hover {
	background:#E2F3FE;
	cursor:pointer;
}
.hideByMobile {
	display:inline-block;
}
.categoryLine {
	width:100%;
	margin:0 0 0 2em;
}
.categoryGridItem {
	width:190px;
	margin-right:0 0.2em 0 0;
	display:inline-block;
}
.categoryBubble {
	display:inline-block;
	background:#8FAADC;
	border:solid 1px #092A5E;
	border-radius:7px;
	width:100%;
	height:46px;
	overflow:hidden;
	padding:0.1em;
	margin:0.2em 1.9em 0 0;
	text-align:center;
	color:#FFFFFF;
	font-family:arial;
	cursor:pointer;
}
.categoryBubbleActive {
	display:inline-block;
	background:#092A5E;
	border:solid 1px #092A5E;
	border-radius:7px;
	width:100%;
	height:46px;
	overflow:hidden;
	padding:0.1em;
	margin:0.2em 1.9em 0 0;
	text-align:center;
	color:#FFFFFF;
	font-family:arial;
	cursor:pointer;
}
.categoryIcon {
	width:15%;
	display:inline-block;
	font-size:1.0em;
}
.categoryName {
	display:inline-block;
	font-size:1em;
	text-align:left;
}
.categoryDuration {
	display:block;
	font-size:0.7em;
}
.categoryBubble:Hover {
	background:#778EB7;
	transition: 0.3s;
}
.categoryBubbleActive:Hover {
	background:#3A567F;
	transition: 0.3s;
}
.locationLine {
	width:100%;
	margin:0 0 0 2em;
}
.locationGridItem {
	width:220px;
	margin-right:0 0.2em 0 0;
	display:inline-block;
}
.locationBubble {
	display:inline-block;
	background:#8FAADC;
	border:solid 1px #092A5E;
	border-radius:7px;
	width:100%;
	overflow:hidden;
	padding:0.1em;
	margin:0.2em 1.9em 0 0;
	text-align:center;
	color:#FFFFFF;
	font-family:arial;
	cursor:pointer;
}
.locationBubbleActive {
	display:inline-block;
	background:#092A5E;
	border:solid 1px #092A5E;
	border-radius:7px;
	width:100%;
	overflow:hidden;
	padding:0.1em;
	margin:0.2em 1.9em 0 0;
	text-align:center;
	color:#FFFFFF;
	font-family:arial;
	cursor:pointer;
}
.locationIcon {
	width:15%;
	display:inline-block;
	font-size:1.0em;
}
.locationName {
	display:inline-block;
	font-size:1em;
	text-align:left;
}
.locationBubble:Hover {
	background:#778EB7;
	transition: 0.3s;
}
.locationBubbleActive:Hover {
	background:#3A567F;
	transition: 0.3s;
}
.calendarContainer {
	display:inline-block; width:100%; padding:0.3em 0; text-align:center;
}
.weekSelector {
	display:inline-block; width:100%;
}
.selectOutside {
	display:inline-block; width:45px; padding:0.3em; margin:0em; text-align:center; font-size:1.6em; color:#092A5E; cursor:pointer;
}
.selectInside {
	display:inline-block; width:210px; padding:0.3em; margin:0; text-align:center; font-size:1.0em;
}
.weekDisplay {
	display:inline-block;
	width:100%;
	max-width:700px;
	padding:1em;
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
}
.dayDisplay {
	display:inline-block;
	width:13%;
	text-align:center;
	font-weight:bold;
}
.dayDate {
	width:32px;
	height:32px;
	margin:0.2em auto;
	border-radius:50%;
	font-size:1.3em;
	font-weight:bold;
}
.dayDate:Hover {
	background:#EEEEEE;
	transition: 0.3s;
	cursor:pointer;
}
.dayDateActive {
	width:32px;
	height:32px;
	margin:0.2em auto;
	border-radius:50%;
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
	background:#000000;
}
.dayDateInactive {
	width:32px;
	height:32px;
	margin:0.2em auto;
	border-radius:50%;
	font-size:1.3em;
	font-weight:bold;
	color:#CCCCCC;
}
.timeContainer {
	display:inline-block; width:100%; min-height:70px; padding:0.5em 0 0 0; text-align:left;
}
.eventBubble {
	display:inline-block; border:solid 1px #000000; border-radius:5px; width:60px; padding:0.2em; margin:0.5em; text-align:center; font-family:arial; font-size:0.9em;
	cursor:pointer;
}
.eventBubble:Hover {
	background:#EEEEEE;
	transition: 0.3s;
}
.eventBubbleActive {
	display:inline-block; border:solid 1px #000000; border-radius:5px; width:60px; padding:0.2em; margin:0.5em; text-align:center; font-family:arial; font-size:0.9em;
	cursor:pointer;
	background:#092A5E;
	color:#FFFFFF;
}
.eventBubbleActive:Hover {
	background:#3A567F;
	transition: 0.3s;
}
.eventInfo {
	width:100%;
	text-align:center;
	color:#AAAAAA;
}
.selectize-control { 
	display: inline-block;
	vertical-align: middle;
}

.eventDetailLabel {
	display:inline-block; width:30%; padding-left:4em;
}
.eventDetailData {
	display:inline-block; width:65%; font-weight:bold;
}

.customerData1 {
	display:inline-block; vertical-align:top; width:50%;
}
.customerData2 {
	display:inline-block; vertical-align:top; width:49%;
}
.customerData2 textarea {
	height:365px; text-indent:0; padding:5px 10px;
}

@media screen and (max-width:690px) {
	.header00 {
		width:100%; max-width:900px; margin: 0 auto; font-size:1.1em;
	}
	.header01 {
		width:45%; font-size:1.1em;
	}
	.header01_1 {
	word-wrap: break-space; font-size:0.9em;
	}
	.header02 {
		display:none;
	}
	.header03 {
		width:45%; padding-bottom: 15px;
	}
	
	.inputbox {
	display:block; width:100%;
	}
	.inputbox-remark {
		font-size:0.6em;
	}
	.inputarea {
	padding-left:0em;

	}	
	.inputarea_field {
	width:100%;
	}
	.inputarea_remark {
		display:inline-block; width:100%; font-size:0.9em; color:#666666;
	}
	.hideByMobile {
		display:none;
	}
}

@media screen and (max-width:855px) {
	.categoryGridItem, .locationGridItem {
		width:170px;
	}
}

@media screen and (max-width:800px) {
	body {
		font-size:140%;
	}
}

@media screen and (max-width:820px) {
	#searchCity {
		display:block;
	}
}

@media screen and (max-width:550px) {
	#searchPlz {
		display:block;
		width:6em;
	}
	#searchCity {
		display:block;
	}
	#searchStreet {
		display:block;
	}
	#inputChildren {
		display:block;
	}
	body {
		font-size:130%;
	}
	
	.header01 {
		font-size:0.9em;
	}
	.categoryGridItem, .locationGridItem {
		width:80%;
		margin-right:0 0.2em 0 0;
		display:block;
		font-size:1.2em;
	}
	
	.categoryBubble, .categoryBubbleActive, .locationBubble, .locationBubbleActive {
		text-align:left;
		padding-left:3em;
		height:35px;
	}
	.categoryDuration {
		display:inline-block;
		float:right;
		padding:0.2em 0.7em;
	}
	.categoryIcon, .locationIcon {
		font-size:1.2em;
	}

	
	.tui-btn--sm {
		padding: 2px 4px; line-height: 1.0; font-size: 0.9em; margin:0.2em 0;
		width:70px;
	}
	.eventDetailLabel {
		display:inline-block; width:90%; padding-left:2em;
	}
	.eventDetailData {
		display:block; width:90%; font-weight:bold; padding-left:4em;
	}
	
	.customerData1 {
		display:block; width:100%;
	}
	.customerData2 {
		display:block; width:100%;
	}
	.customerData2 textarea {
		height:100px;
	}
}