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

/* デフォルトスタイル
-----------------------*/
body { }
label.menu-btn {
	top: 15px;
}
div#headerbox { display: none;}
div#mainContents {
	min-height:450px;
	position:relative;
}
/* 靴の部分 */
div#mainContents div.bgbox {
	width:100%;
	min-height:450px;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}
	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-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t02 {
		background: url(../images/index/topimg02.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t03 {
		background: url(../images/index/topimg03.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t04 {
		background: url(../images/index/topimg04.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t05 {
		background: url(../images/index/topimg05.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox  div.imgbox div.t06 {
		background: url(../images/index/topimg06.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t07 {
		background: url(../images/index/topimg07.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox  div.imgbox div.t08 {
		background: url(../images/index/topimg08.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
	div#mainContents div.bgbox div.imgbox div.t09 {
		background: url(../images/index/topimg09.jpg) no-repeat;
		background-size: contain;
		background-position: center center;
	}
/* 色 */
div#mainContents div.coverbox {
	width:100%;
	min-height:450px;
	position: absolute;
	top:0;
	left:0;
	background: url(../images/index/topbg.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
	div#mainContents div.coverbox div.imgbtnbox {
		display: none;
		width:100%;
		height:10px;
		position: absolute;
		bottom:70px;
		text-align: center;
	}
		div#mainContents div.coverbox div.imgbtnbox div {
			display: inline-block;
			width:10px;
			height:10px;
			background: #fff;
			border-radius: 5px;
			margin: 0 3px;
		}
		div#mainContents div.coverbox div.imgbtnbox div:nth-of-type(1) { background: #ccc;}
/* メイン */
div#mainContents div.contents {
	width:100%;
	min-height:450px;
	position: absolute;
	top:0;
	left:0;
}
	/* ロゴ */
	div#mainContents div#contents img#mainLogo {
		display: block;
		width:150px;
		position: absolute;
		top:20px;
		left:20px;
	}
	/* お知らせ */
	div#mainContents div#contents div.newsbox {
		width:100%;
		height:50px;
		background: url(../images/index/newsbg.png);
		position: fixed;
		bottom:0;
		z-index: 30;
		box-sizing: border-box;
		padding: 15px;
	}
		div#mainContents div#contents div.newsbox p, div#mainContents div#contents div.newsbox a {
			display: block;
			width:100%;
			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;
		}
/* 時刻 */
@media screen and (min-width: 640px) {
	div#mainContents div#contents div.countup {
		width:100%;
		height:150px;
		position: fixed;
		bottom:60px;
		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;}
}
@media screen and (max-width: 639px) {
	div#mainContents div#contents div.countup {
		width:100%;
		height:35.35vw;
		position: fixed;
		bottom:70px;
		left:0;
	}
		div#mainContents div#contents div.countup div.est {
			width:33.28vw;
			height:4.93vw;
			background: url(../images/index/est.png) no-repeat;
			background-size: 100% 100%;
			margin: 0 auto;
		}
		div#mainContents div#contents div.countup div.message {
			width:44.37vw;
			height:3.23vw;
			background: url(../images/index/message.png) no-repeat;
			background-size: 100% 100%;
			margin: 0 auto;
		}
  		/* 時計 */
		div#mainContents div#contents div.countup div.clock {
			width:57.01vw;
			height:20vw;
			margin: 4.31vw auto;
		}
			div#mainContents div#contents div.countup div.clock div.numbox {
				width:5.23vw;
				height:8.47vw;
				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:3.23vw;
				height:8.47vw;
				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:8.16vw;
				height:8.47vw;
				background: url(../images/index/years.png) no-repeat;
				background-position: left bottom;
				background-size: 100% auto;
				float: left;
				margin: 0 2.31vw;
			}
			div#mainContents div#contents div.countup div.clock div.days {
				width:6.77vw;
				height:8.47vw;
				background: url(../images/index/days.png) no-repeat;
				background-position: left bottom;
				background-size: 100% auto;
				float: left;
				margin: 0 2.31vw;
			}
			div#mainContents div#contents div.countup div.clock div.dot {
				width:1.54vw;
				height:8.47vw;
				background: url(../images/index/dot.png) no-repeat;
				background-position: center center;
				background-size: 100% auto;
				float: left;
				margin: 0 0.77vw;
			}
			div#mainContents div#contents div.countup div.clock div.s01 { margin-left: 1.54vw;}
	div#mainContents div#contents div.countup div.clock div.yearsbox {width:28.5vw; height:8.47vw; float: left;}
	div#mainContents div#contents div.countup div.clock div.daysbox {width:28.5vw; height:8.47vw; float: left;}
	div#mainContents div#contents div.countup div.clock div.timebox { width:34.66vw; height:8.47vw; clear: both; padding-top: 2.31vw; margin: 0 auto; }
}