@charset "utf-8";
/* CSS Document */
.pconly { display:none; }
input#menuchecked { display: none; }
/* メニューボタン */
label#menebtn {
	width:41px;
	height:31px;
	position: fixed;
	top:10px;
	left:10px;
	z-index: 20;
	overflow: hidden;
	cursor: pointer;
}
label#menebtn:hover { opacity: 0.7; }
	label#menebtn img {
		display: block;
		width:41px;
		position: absolute;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	label#menebtn img.open { top:0; }
	label#menebtn img.close { top:100px; }
/* 左右ボタン */
a#leftbtn {	display: none;}
a#rightbtn { display: none;}
/* メニュー */
div#menubox {
	width:100%;
	height:0;
	position: absolute;
	top:0;
	background: url(../images/cmn/menubg.png);
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 10;
	box-sizing: border-box;
	padding-top: 0px;
}
	div#menubox > img {
		display: none;
	}
	div#menubox a {
		display: block;
		height:45px;
		text-align: center;
		text-decoration: none;
		line-height: 45px;
		color: #333;
		cursor: pointer;
		font-size: 14px;
		letter-spacing: 2px;
	}
	div#menubox a:hover {
		background: url(../images/cmn/menubg02.png);
		color: #fff;
		opacity: 1;
	}
	div#menubox label {
		display: none;
	}
	div#menubox label:hover { opacity: 0.7; }
		div#menubox label img { max-width: 100%;}
/* チェックをつけたとき（メニューを開いたとき）*/
input#menuchecked:checked ~ div#menubox {
	height:auto;
	min-height:100%;
	padding-top: 60px;
}
input#menuchecked:checked ~ label#menebtn img.open { top:-100px;}
input#menuchecked:checked ~ label#menebtn img.close { top:0;}
/* 共通 */
body {background: url(../images/cmn/bg02.jpg);}
div#contents {
	width:100%;
}
	div#contents div.center {
		width:100%;
		margin: 0 auto;
		position: absolute;
		top:50px;
		box-sizing: border-box;
		padding-bottom: 40px;
	}
		div#contents div.center div.mainContents {
			width:100%;
			background: #fff;
			margin: 0 auto;
			box-sizing: border-box;
			padding: 30px 0 0 0;
			z-index: 5;
		}
			div#contents div.center div.mainContents img.headerlogo {
				display: block;
				margin: 0 auto;
			}
div#contents div.center div.mainContents h1 {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 20px;
}
/*　フッター */
div#footerbox {
	width:100%;
	position: absolute;
	bottom:0;
	padding: 10px 0;
}
div#footerbox small {
	display: block;
	font-size: 10px;
	letter-spacing: 2px;
	text-align: center;
}