#common-header{
	position:relative;
	padding:20px 10px 13px 10px;
}
#common-header .logo{
	width:26%;
}
#common-header .logo-radar{
	width:30%;
}

#common-header .sns-btn{
	position:absolute;
	top:20px;
	right:calc(10% + 10px);
	width:8%;
}
#common-header .menu-btn{
	position:absolute;
	top:20px;
	right:10px;
	width:8%;
}

/* +++++++++++++++++++++++++++++++++++++++ */

.navi-child{
	display:none;
}
.navi-child.active{
	position: fixed;
	top:0;
	left:0;
	height:100%;
}
.navi-child .inner{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	height:100%;
	padding:64px;
	background-color:#EEEEEE;
}

/* +++++++++++++++++++++++++++++++++++++++ */

#common-footer{
	background-color:#EAF0F7;
	padding:30px 20px;
}
#common-footer .bnr{
	margin-bottom:40px;
}
#common-footer .logo{
	width:48%;
	margin: 0 auto 40px;
}
#common-footer .sns-list{
	padding:0 20px;
	margin-bottom:30px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#common-footer .sns-list li{
	width:14%;
}
#common-footer .copyright{
	font-size:12px;
	text-align:center;
}

/* +++++++++++++++++++++++++++++++++++++++ */

.mokuzi{
	padding:64px;
	background-color:#EEEEEE;
}


/* +++++++++++++++++++++++++++++++++++++++ */

.content-area{
	
}
.content-area img{
	display:block;
	
}



/* +++++++++++++++++++++++++++++++++++++++ */


@media screen and (min-width:768px){
/*pc・タブレットcss*/

	#wrapper{
		position:relative;
		width:375px;
		margin: 0 auto;
	}

	.navi-child{
		display:none;
	}
	.navi-child.active{
		position: fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
	}
	.navi-child .inner{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
		height:100%;
		width:375px;
		margin: 0 auto;
		padding:64px;
		background-color:#EEEEEE;
	}


}