* {
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}

body {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	width: 100vw;
	text-align: center;
	height: 40px;
}

#googleMap {
	height: 100vh;
	height: 100dvh;
	width: 100vw;
}


#title {
	position: absolute;
	top: 20px;
	left: calc(100vw / 2 - 150px);
	width: 300px;
	text-align:center;
	height:25px;
	line-height: 25px;
	font-size: 25px;
	padding: 5px;
	color: white;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	user-select: none;
}

#photo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 150px;
	height: 150px;
}

#photo img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 15px;
}

table tr {
	vertical-align: top;
}

table tr td {
	border: 1px solid gray;
	padding: 10px;
}

.hanrei {
	position: absolute;
	top: 50px;
	left: calc(100vw - 700px);
	width: 600px;
	height: 30px;
	line-height: 30px;
	background:rgba(0, 0, 0, 0.8);
	color: white;
	text-align: center;
	border-radius: 15px;
}

#time-line {	
	position: absolute;
	top: calc(100vh - 130px);
	top: calc(100dvh - 130px);
	left: 10px;
	width: calc(100vw - 30px);
	height: 100px;
	background:rgba(0, 0, 0, 0.9);
	color: white;
	border-radius: 6px;
}

#gps-close {
	position: fixed;
	top: 10px;;
	left : calc(100vw  - 60px);
	width: 50px;
	height: 50px;
	border: 1px solid gray;
	border-radius: 25px;
}

#gps-close img {
	width: 50px;
	height: 50px;
}