/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
/*layout*/
/*------------------------------------------------------------------------------*/
body {
	background:none;
}

.pc{
	display:none;
}
.sp{
	display:block;
}


header{
	width: 100%;
	background: #FFF;
	display:block;
	position:inherit;
}



/*--header_top--*/
header h1 {
	text-align:left;
	padding:10px 0 0 10px;
	height:50px;
}

header h1 img {
	width:110px;
	height:30px;
}

#hn_01 {
	display:none;
}

#hn_02,
#hn_03 {
	width:50px;
	height:50px;
}

#hn_02 a,
#hn_03 a {
	width:50px;
	height:50px;
}

#hn_02 a {background:url(../image/common/common_btn_materials.png) no-repeat 0 0; background-size:50px 50px;}
#hn_03 a {background:url(../image/common/common_btn_contact.png) no-repeat 0 0; background-size:50px 50px;}



/*globalnav*/
/*------------------------------------------------------------------------------*/
#sp_menu {
	display:block;
	background-color:#222222;
	text-align:center;
	cursor:pointer;
}

#globalnav {
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	display:none;
}

#globalnav li {
	float:none;
	width:100%;
	background:none;
	height:auto;
	display:block;
	background-color:#666;
	border-top:1px solid #CCC;
}

#globalnav li a {
	background:none;
	color:#FFF;
	display:block;
	text-align:left;
	height:auto;
	width:100%;
	font-size:114%;
	font-weight:normal;
	padding:8px 10px 7px 10px;
}
	
#globalnav ul li ul {
	display:none !important;
}



/*footer*/
/*------------------------------------------------------------------------------*/
.fm_inner li {
	float:none;
	width:100%;
	background:none;
	height:auto;
	border-bottom:1px solid #999;
}

.fm_inner li a {
	display:block;
	height:auto;
	text-align:left;
	font-weight:normal;
	padding:8px 10px 7px 10px;
}

.fm_inner li:first-child a {
	background:none;
}

#pagetop {
	float:none;
	width:100%;
	height:50px;
	text-align:center;
}

#pagetop a {
	display:block;
	background-color:#000;
}

.footnav_box {
	float:none;
	width:100%;
}

#copyright {
	float:none;
	width:100%;
	text-align:center;
}

.footnav_box li {
	float:none;
	border-right:none;
	border-bottom:1px solid #666;
	padding:8px 10px 7px 10px;
}

.footnav_box li:first-child {
	border-left:none;
}


/* contact_box */
/*------------------------------------------------------------------------------*/
.cb_title {
	display:block;
	padding-left:0px;
}

.cb_tel {
	display:block;
	padding-left:0px;
	padding-top:20px;
	max-width:365px;
	margin:0 auto;
	width:auto;
}

/*
.cb_tel a {
	background:url(../image/common/common_contact_tell_icon.png) no-repeat 0 0;
	padding:8px 0 7px 50px;
	font-size:28px;
}
*/

.cb_tel img {
	width:100%;
	height:auto;
}

.cb_materials {
	display:block;
	padding-left:0px;
	padding-top:20px;
}

.cb_materials img {
	padding:0 0 20px 0;
}


.tel_num a{font-size:40px;}

/*------------------------------------------------------------------------------*/
}