@charset "utf-8";




/*------------------------------------------------
        top_main_img
 ------------------------------------------------*/

#sp_top_main_img img{ width:100%;}

.sp_co_img img{ width:100%; vertical-align:bottom;}


/*------------------------------------------------
        NAV
 ------------------------------------------------*/

#sp_top_menu_BOX { width:100%; margin:3% auto 0 auto;}
#sp_top_menu_BOX li{ float:left; width:50%; margin:0; padding:0;}
#sp_top_menu_BOX img{ width:100%; margin:0; padding:0;}



.red_bar { width:100%; margin:3% auto 0 auto; font-size:2px; }
.red_bar img{ width:100%; margin:0 auto 0 auto; font-size:2px; }

.red_bar2 { width:100%; margin:0 auto 0 auto; font-size:2px; }
.red_bar2 img{ width:100%; margin:0 auto 0 auto; font-size:2px; }

/*------------------------------------------------
        head
 ------------------------------------------------*/
 
 #head{width:100%; max-width:640px; max-height:71px; margin:0 auto; background:url(../images/head_bg.jpg) no-repeat center top; background-size:cover;}
 
.logo{ float:left; width:40%;}
.logo img{ width:100%; vertical-align:bottom;}

.btn_menu{ float:right; width:30%;}
.btn_menu img{ width:100%;vertical-align:bottom;}


/*------------------------------------------------
        footer
 ------------------------------------------------*/

#footer{
	width:100%;
	height:auto;
	background:#000;
	margin:0 auto;
}

#footer_BOX {
	max-width:640px;
	height:100px;
	margin:0 auto 0 auto;
	padding:4% 0;
	position: relative;
	background:#;
	text-align:center;
}

.socialArea { display:inline-block;}
.socialArea li {
	float: left;
	margin-right: 2px;
	vertical-align:bottom;
}
.copyright {
	vertical-align:top;
	height:20px;
	vertical-align:bottom;
}
.copyright img{
	vertical-align:top;
	margin-top:3px;
}
.footer_banner{ width:80%; max-width:320px; margin:3% auto 0 auto; padding-bottom:5%;}
.footer_banner img{ width:100%;}