@charset "utf-8";
/* CSS Document */
/* サイドバー(Spの場合下部に常時表示) */
div#sideBar {
	width:100%;
	height:60px;
	position: fixed;
	bottom:0;
	z-index: 30;
}
	div#sideBar a {
		display: block;
		width:50%;
		height:60px;
		text-decoration: none;
		float: left;
	}
	div#sideBar a.contact {
		text-align: center;
		background: url(../images/mitumori.png) no-repeat, #EB6817;
		background-size: 35px 35px;
		background-position: left 10px top 10px;
		color: #fff;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 60px;
	}
	div#sideBar a.tel {
		width:50%;
		height:60px;
		text-align: center;
		padding-left: 40px;
		padding-top: 10px;
		background: url(../images/free.png) no-repeat, #1A4A9E;
		background-size: 45px 45px;
		background-position: left 10px top 10px;
		font-size: 12px;
		color: #fff;
		line-height: 20px;
		box-sizing: border-box;
	}
	div#sideBar p { display: none;}
/* スマホ用サイドメニュー */
div#spmenu {}
div#sideMenuBox {
	/*display:none;*/
	position:fixed;
	top:0;
	right:0;
	width:250px;
	height:100%;
	background:#55B0DE;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
	text-align:left;
	z-index:20;
	padding-top: 50px;
}
	div#sideMenuBox a {
		display:block;
		height:55px;
		line-height:55px;
		text-align:center;
		color:#fff;
		font-size:15px;
		text-decoration:none;
		border-bottom:#fff 1px solid;
		letter-spacing:2px;
		cursor:pointer;
	}
/* チェックボックス */
input.check {
	display: none;
}
/* メニューボタン */
label.menu-btn {
	position: fixed;
	display: block;
	top: 8px;
	right: 5px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 30;
	background: #fff;
	border: #55B0DE 2px solid;
}
label.menu-btn span.bar {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 30px;
	height: 1px;
	background: #55B0DE;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
label.menu-btn span.bar.middle {
	top: 18px;
	opacity: 1;
}
label.menu-btn span.bar.bottom {
	top: 26px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
label.menu-btn span.menu {
	display: block;
	width:100%;
	position: absolute;
	top:30px;
	text-align: center;
	color:#55B0DE;
	font-size: 10px;
	background: none;
}
/* -- チェックをつけた場合 */
input.check:checked ~ div#sideMenuBox {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 20;
}
input.check:checked ~ label.menu-btn { background: none;  border: none;}
input.check:checked ~ label.menu-btn span.bar { background:#fff; }
input.check:checked ~ label.menu-btn span.bar.top {
	width: 28px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

input.check:checked ~ label.menu-btn span.bar.middle {
	opacity: 0;
}

input.check:checked ~ label.menu-btn span.bar.bottom {
	width: 28px;
	top: 30px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
input.check:checked ~ label.menu-btn span.menu { opacity: 0;}
/* アンカー */
a.hideAnchor {
    display:block;
    height:0px;
    overflow:hidden;
    text-indent:-9999px;
    margin-top:-60px;
	padding-bottom: 60px;
}
/* トップイメージ */
div#mainContets {
	width:100%;
	position: absolute;
	top:0;
	z-index: 10;
}
/* ヘッダー */
div#mainContets div#headerBox {
	width:100%;
	height:60px;
	border-top: #00A0E9 5px solid;
	background: #fff;
}
	div#mainContets div#headerBox > div {
		width: 80%; /*calc()に未対応のブラウザ用*/
        width: calc(100% - 50px);
		height:60px;
		text-align: left;
	}
		div#mainContets div#headerBox > div a.logo {
			display: inline-block;
			height:40px;
			margin-top: 10px;
			margin-left: 5px;
		}
			div#mainContets div#headerBox > div a.logo img {
				height:40px;
			}
	div#mainContets div#headerBox h1 { display: none; }
/* フッター */
div#mainContets div#footerBox {
	width:100%;
	padding: 10px 0 75px 0;
	background: #fff;
	text-align: center;
	margin-top: 20px;
}
	div#mainContets div#footerBox small {
		font-size: 10px;
		letter-spacing: 2px;
		color:#333;
	}