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

/* デフォルトスタイル
-----------------------*/
body { }
div#headerbox { display: none;}
label.menu-btn {
	top: 15px;
	right: 40px;
}
span.bar { background: #fff; }
span.menu { color: #fff;}
div#mainContents {
	min-height:800px;
	position:relative;
}
/* 靴の部分 */
div#mainContents div.bgbox {
	width:100%;
	min-height:800px;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	z-index: 1;
}
	div#mainContents div.bgbox div.imgbox {
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:100%;
	}
	div#mainContents div.bgbox div.imgbox:nth-of-type(1) { left:0;}
	div#mainContents div.bgbox div.imgbox > div {
		width:100%;
		height:100%;
		max-width:800px;
		margin: 0 auto;
	}
	div#mainContents div.bgbox div.imgbox div.t01 {
		background: url(../images/index/topimg01.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t02 {
		background: url(../images/index/topimg02.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t03 {
		background: url(../images/index/topimg03.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t04 {
		background: url(../images/index/topimg04.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t05 {
		background: url(../images/index/topimg05.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox  div.imgbox div.t06 {
		background: url(../images/index/topimg06.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t07 {
		background: url(../images/index/topimg07.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox  div.imgbox div.t08 {
		background: url(../images/index/topimg08.jpg) no-repeat;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t09 {
		background: url(../images/index/topimg09.jpg) no-repeat;
		background-position: center center;
	}
/* 色 */
div#mainContents div.coverbox {
	width:100%;
	min-height:800px;
	position: absolute;
	top:0;
	left:0;
	background: url(../images/index/topbg.png) no-repeat;
	background-size: cover;
	z-index: 10;
}
	div#mainContents div.coverbox div.imgbtnbox {
		display: none;
		width:100%;
		height:14px;
		position: absolute;
		bottom:20px;
		text-align: center;
	}
		div#mainContents div.coverbox div.imgbtnbox div {
			display: inline-block;
			width:14px;
			height:14px;
			background: #fff;
			border-radius: 7px;
			margin: 0 5px;
		}
		div#mainContents div.coverbox div.imgbtnbox div:nth-of-type(1) { background: #ccc;}
/* メイン */
div#mainContents div#contents {
	width:100%;
	min-height:800px;
	position: absolute;
	top:0;
	left:0;
	z-index: 20;
}
	/* ロゴ */
	div#mainContents div#contents img#mainLogo {
		display: block;
		position: absolute;
		top:20px;
		left:45px;
	}
	/* お知らせ */
	div#mainContents div#contents div.newsbox {
		width:640px;
		height:66px;
		background: url(../images/index/newsbg.png);
		position: fixed;
		top:0;
		right:0px;
		z-index: 30;
		box-sizing: border-box;
		padding: 23px 0 0 35px;
	}
		div#mainContents div#contents div.newsbox p, div#mainContents div#contents div.newsbox a {
			display: block;
			width:500px;
			height:20px;
			line-height: 20px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			color: #fff;
			font-size: 14px;
			letter-spacing: 1px;
			text-decoration: none;
		}
	/* 時刻 */
	div#mainContents div#contents div.countup {
		width:100%;
		height:150px;
		position: fixed;
		bottom:50px;
		left:0;
		/*background: url(../images/index/bgline.png) no-repeat;
		background-size: 100% 1px;
		background-position: center center;*/
	}
		div#mainContents div#contents div.countup div.est {
			width:216px;
			height:32px;
			background: url(../images/index/est.png) no-repeat;
			margin: 0 auto;
		}
		div#mainContents div#contents div.countup div.message {
			width:288px;
			height:21px;
			background: url(../images/index/message.png) no-repeat;
			margin: 0 auto;
		}
		/* 時計 */
		div#mainContents div#contents div.countup div.clock {
			width:580px;
			height:55px;
			margin: 15px auto;
		}
			div#mainContents div#contents div.countup div.clock div.numbox {
				width:34px;
				height:55px;
				position: relative;
				float: left;
			}
				div#mainContents div#contents div.countup div.clock div.numbox img {
					width:100%;
					height:100%;
					position: absolute;
					top:0;
					left:0;
					opacity: 0;
				}
			div#mainContents div#contents div.countup div.clock div.numbox02 {
				width:21px;
				height:55px;
				position: relative;
				float: left;
			}
				div#mainContents div#contents div.countup div.clock div.numbox02 img {
					width:100%;
					position: absolute;
					bottom:0;
					left:0;
					opacity: 0;
				}
			div#mainContents div#contents div.countup div.clock div.years {
				width:53px;
				height:55px;
				background: url(../images/index/years.png) no-repeat;
				background-position: left bottom;
				float: left;
				margin: 0 15px;
			}
			div#mainContents div#contents div.countup div.clock div.days {
				width:44px;
				height:55px;
				background: url(../images/index/days.png) no-repeat;
				background-position: left bottom;
				float: left;
				margin: 0 15px;
			}
			div#mainContents div#contents div.countup div.clock div.dot {
				width:10px;
				height:55px;
				background: url(../images/index/dot.png) no-repeat;
				background-position: center center;
				float: left;
				margin: 0 5px;
			}
			div#mainContents div#contents div.countup div.clock div.s01 { margin-left: 10px;}