@charset "utf-8";
/* CSS Document */
.sp{ display:none;}
.sp_s{ display:none;}
.pc{ display:block;}
@media screen and (max-width:960px) {
#header{
	background:url(../cmn_img/bg_line_01.jpg) left top repeat-x, url(../cmn_img/bg_gray.jpg) left top repeat;
	background-size:auto 10px, 250px auto;
	padding:10px 0 ;
}
#header .menu_btn{
	display:block;
	float:right;
	width:10%;
	max-width:44px;
	margin:27px 8px 0 0;
}
#gNav,
#header .headerInr .headerInfo{
	display:none;
}
#header .headerInr {
	height: 80px;
	margin: 0 auto;
}
#header .header_logo{
	width:130px;
	height:69px;
	left:calc(50% - 65px);
	left:-webkit-calc(50% - 65px);
}
}
@media screen and (max-width:768px) {
.sp{ display:block;}
.pc{ display:none;}
/*-----*/
#footer .footerInr{
	padding:20px 0 0 0;
}
#footer .footer01{
	padding-bottom:15px;
}
#footer .footerLogo{
	width:80%;
	max-width:388px;
	float:none;
	margin:0 auto 15px;
}
#footer .footerInfo{
	background:none;
	width:100%;
	float:none;
	text-align:center;
}
#footer .footerMenu01{
	padding:10px 0;
}
#footer .footerMenu01 li{
	margin:0 1.5em;
	font-size:0.85em;
}
#footer .footerMenu01 li a img{
	width:20px;
}
#footer .footerMenu02{
	padding:6px 0;
	text-align:center;
}
#footer .footerMenu02 li{
	margin:0 1.5em;
}
}
@media screen and (max-width:640px) {
.sp_s{display:block;}

/*-- contents --*/
#contents {
	padding:0 0 30px;
}
}