@charset "utf-8";
/* CSS Document */


body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
	background-color:#FFF;
}

h1 {
	margin:0;
	padding:5px 5px;
}

h2 {
	margin:0;
	padding:5px 5px;
}

h3 {
	margin:0;
	padding:5px 5px;
}

h4 {
	margin:0;
	padding:5px 5px;
}

p {
	margin:0;
	padding:10px 20px;
}



.header {
	background-color:#CCC;
	padding:0 20px;
}

.clock {
	float:left;
	width:300px;
	padding:10px 20px;
}

.serch {
	display:inline-block;
	margin:10px;
	padding:10px;
}

.main {
	width:70%;
	height:auto;
	margin:auto;
	text-align:center;
}

.info {
	width:auto;
	height:auto;
	margin:auto;
}

.contents {
	width:auto;
	height:auto;
	margin:auto;
}

.youtube {
	width:auto;
	height:auto;
	padding:10px;
}

.map {
	width:auto;
	height:auto;
	margin:10px;
}

.footer {
	height:120px;
	width:auto;
	text-align:center;
	background-color:#CCC;
}