@charset "utf-8";
/* CSS Document */
div#headermenu {
	width:100%;
	height:70px;
	background: url(../images/cmn/headerbg_sp.jpg) repeat-y;
	background-size: 100% auto;
	box-sizing: border-box;
	padding-top: 20px;
}
	div#headermenu div.center {
		width:96%;
		height:50px;
		margin: 0 auto;
		position: relative;
	}
		div#headermenu div.center a.logo {
			display: block;
			width:130px;
			height:28px;
			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.center a#taisaku {
			display: block;
			width:110px;
			height:35px;
			line-height: 35px;
			background: #FF3A00;
			position: absolute;
			top:0;
			left:140px;
			color: #fff;
			font-size: 14px;
			text-align: center;
			text-decoration: none;
			border-radius: 5px;
		}
		div#headermenu div.menubtn {
			width:80px;
			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: #fff;
					position: absolute;
					-webkit-transition: all .5s;
					transition: all .5s;
					left:0px;
					top:25px;
					z-index: 60;
					opacity: 1;
				}
				div#headermenu div.menubtn label span.bar.middle {
					top: 33px;
					opacity: 1;
				}
				div#headermenu div.menubtn label span.bar.bottom {
					top: 41px;
				}
	/* チェックボックス */
	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/logo.png) no-repeat,
			url(../images/cmn/headerbg_sp.jpg) repeat-y;
		background-size: 130px 28px, 100% auto;
		background-position: left 2% top 20px;
		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 dotted;
			}
	/* -- チェックをつけた場合 */
	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);
	}
	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);
	}
/* Total Support */
a.totalsupport {
	display: block;
	width:100%;
	height:93.73vw;
	background: url(../images/cmn/totalsupport_sp.jpg) no-repeat;
	background-size: 100% 100%;
}
/* フッター */
div#footerbox {
	width:100%;
	background: url(../images/cmn/headerbg_sp.jpg) repeat-y;
	background-size: 100% auto;
	padding: 20px 0;
}
	div#footerbox div.center {
		width:96%;
		height:30vw;
		margin: 0 auto;
		position: relative;
		background: url(../images/cmn/addressinfo.png) no-repeat;
		background-size: 86.26vw auto;
		background-position: left 0px top 0px;
	}
		div#footerbox div.center div.fmenu { display: none;}
/* 共通 */
div#contents {
	width:100%;
}
h2.colorborder {
	display: inline-block;
	font-size: 14px;
	padding-bottom: 8px;
	background: url(../images/cmn/title_border.png) no-repeat;
	background-size: 100% 2px;
	background-position: left bottom;
}