@charset "utf-8";

*{box-sizing: border-box}

main{
	display: flex;
}

#mapcontainer{
	/*width: calc( 100vw - 320px );*/
	width: 100%;
	background-color: #fff;
}
.register{
	width: 360px;
	background: #f1f1f1;
}

.leaflet-popup-content{
	min-width:130px;
}

.h{
	text-align: center;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
	background-color: #34d660;
}

form{
	padding:20px;
}

form input{
	padding: 4px;
	width: 100%;
}

.touroku{
	margin-left: 20px;
	width: calc( 100% - 40px );
	padding:0.5em;
	color: #fff;
	background-color: #1d5f2f;
	font-size: 18px;
	font-weight: bold;
	border: none;
}
.touroku:hover{
	background-color: #2c8945;
}
.touroku:active{
	background-color: #929b28;
}