@charset "utf-8";
/* CSS Document */
div#headermenu {
	width:100%;
	height:55px;
	background-size: 100% auto;
	box-sizing: border-box;
	padding-top: 10px;
}
	div#headermenu div.center {
		width:96%;
		height:35px;
		margin: 0 auto;
		position: relative;
	}
		div#headermenu div.center a.logo {
			display: block;
			width:236px;
			height:35px;
			position: absolute;
			top:0px;
			left:0;
			background: url(../images/cmn/logo.png) no-repeat;
			background-size: 100% 100%;
		}
		div#headermenu div.center div.hmenubox {display: none;}
		div#headermenu div.menubtn {
			width:40px;
			height:50px;
			position: absolute;
			top:0;
			right:0;
		}
			div#headermenu div.menubtn label { 
				display: block;
				width:40px;
				height:50px;
				position: absolute;
				top:0;
				right:10px;
				z-index: 60;
			}
			div#headermenu div.menubtn label:hover {
				opacity: 0.7;
			}
				div#headermenu div.menubtn label span {
					display: block;
					width: 36px;
					height: 2px;
					background: #333;
					position: absolute;
					-webkit-transition: all .5s;
					transition: all .5s;
					left:0px;
					top:20px;
					z-index: 60;
					opacity: 1;
				}
				div#headermenu div.menubtn label span.bar.middle {
					top: 28px;
					opacity: 1;
				}
				div#headermenu div.menubtn label span.bar.bottom {
					top: 36px;
				}
	/* チェックボックス */
	div#headermenu input.check {
		display: none;
	}		
	/* サイドメニュー */
	div#headermenu div#menuBox {
		width:100%;
		min-width: 300px;
		height:100%;
		min-height:100%;
		position: fixed;
		top:0px;
		right:-100%;
		box-sizing: border-box;
		padding-top: 100px;
		background: url(../images/cmn/bgimg01.jpg);
		background-size: 100% 100%;
		overflow-y: scroll;
		z-index: 20;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
		div#headermenu div#menuBox div.center {
			width:90%;
			margin: 0 auto;
		}
			div#headermenu div#menuBox div.center a{
				display: block;
				width:100%;
				min-height:25px;
				color: #fff;
				font-size: 14px;
				text-decoration: none;
				letter-spacing: 1px;
				position: relative;
				margin-bottom: 20px;
				text-align: center;
				padding-bottom: 10px;
				border-bottom: #fff 1px solid;
			}
	/* -- チェックをつけた場合 */
	div#headermenu input.check:checked ~ div#menuBox {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		right:0%;
		z-index: 20;
	}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.top {
		top:35px;
		left:0px;
		width: 35px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
	}
	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.middle {
		opacity: 0;
	}

	div#headermenu input.check:checked ~ div.menubtn label.menu-btn span.bar.bottom {	
		width: 35px;
		top: 35px;
		left:0px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #fff;
	}
/* お問い合わせ */
div#contactbox {
	width:100%;
	background: url(../images/cmn/bgimg01.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 20px;
	box-sizing: border-box;
}
	div#contactbox div.center {
		width:96%;
		margin: 0 auto;
	}
		div#contactbox div.center p {
			line-height: 23px;
			font-size: 14px;
			color: #fff;
			letter-spacing: 2px;
			text-align: center;
		}
		div#contactbox div.center a {
			display: block;
			width:80%;
			height:50px;
			box-sizing: border-box;
			text-align: center;
			text-decoration: none;
			line-height: 50px;
			font-size: 14px;
			letter-spacing: 2px;
			color: #fff;
			border: #fff 1px solid;
			margin: 20px auto 0 auto;
			position: relative;
			overflow: hidden;
		}
			div#contactbox div.center a span.bgwhite {
				display: inline-block;
				width:100%;
				height:50px;
				background: #000034;
				position: absolute;
				top:0;
				left:-101%;
				transition: all 0.5s 0s ease;
			}
			div#contactbox div.center a span.name {
				display: inline-block;
				width:100%;
				height:50px;
				font-size: 14px;
				position: absolute;
				top:0;
				left:0;
				transition: all 0.5s 0s ease;
				z-index: 10;
				color: #fff;
			}
		div#contactbox div.center a:hover { 
			opacity: 1;
			border: #000034 1px solid;
		}
			div#contactbox div.center a:hover span.bgwhite { top:0; left:0;}
/* フッター */
div#footerbox { display: none; }
small {
	display: block;
	width:100%;
	height;50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	background: #000014;
}
/* 共通 */
div#contents {
	width:100%;
}
div#mainContents {
	width:96%;
	padding: 30px 0 50px 0;
	margin: 0 auto;
}
/* タイトル */
h2.h2title {
	font-size: 14px;
	color: #000034;
	letter-spacing: 1px;
}
/* トップイメージ トップページ以外*/
div#topimgbox {
	width:100%;
	height:62.5vw;
}
	div#topimgbox h1 {
		display: block;
		width:96%;
		height:62.5vw;
		line-height: 62.5vw;
		color: #fff;
		font-size: 18px;
		letter-spacing: 2px;
		margin: 0 auto;
	}
/* 準備中 */
div#prebox {
	padding: 100px 0 30px 0;
	background: url(../images/cmn/pre.png) no-repeat;
	background-size: auto 80px;
	background-position: center top 10px;
	text-align: center;
}
	div#prebox p.preinfo1 {
		font-size: 24px;
		letter-spacing: 2px;
		color: #aaa;
	}
	div#prebox p.preinfo2 {
		margin: 30px auto 0 auto;
		font-size: 14px;
		line-height: 25px;
		color: #aaa;
		letter-spacing: 1px;
	}