@charset "utf-8";

/*IE*/
@font-face {
	font-family: "EHSMB";
	src: url("../font/EHSMB.eot");
}

/* Firefox, Opera, Safari */

@font-face {
	font-family: "EHSMB";
	src: url("../font/EHSMB.woff") format("woff") , url("../font/EHSMB.mono.ttf") format("truetype");
}

/* 初期化 */

html {
	background-color: transparent;
	height: 100%;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; */
	background-color: transparent;
	margin: 0;
	padding: 0;
	color: #000000;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 0;
}

a {
	outline: none;
}

a img {
	border: none;
}

/* ページ設定 */

#container {
	position: relative;
	width: 100vw;
	height: 100%;
}

#clockBox {
	position: absolute;
	width: 100vw;
	height: 100vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url("../back.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#clock {
	position: absolute;
	width: 60vw;
	line-height: 100%;
	padding-top: 1%;
	font-family: "EHSMB";
	text-align: center;
	bottom: 1vw;
	left: 20vw;
	border-top: 0px;
	z-index: 1;
}

#imageBox {
	position: absolute;
	top: 21.5vw;
	left: 3.1vw;
	width: 55vw;
	height: 55vw;
}

#imageBox img {
	position: absolute;
	width: 100%;
}

#image0 {
	z-index: 100;
}

#image1 {
	z-index: 50;
}

#imageBox2 {
	position: absolute;
	width: 100vw;
	height: 100vw;
	z-index: 101;
}

#imageBox2 img {
	width: 100%;
}