@charset "utf-8";


/* ------------------------------------------------------------------------------------
	980px
 ------------------------------------------------------------------------------------*/

@media screen and (max-width: 980px) {

#contents{
	width: auto;
	margin-left:10px;
	margin-right:10px;}

#footerIn{
	width:100%;}

/*copyright*/
#copyrightIn{
	width:100%;}


/*copyright*/
#copyrightIn p{
	padding-left:90px;
	text-align:left;
	padding-top:13px;}
#copyrightIn p img{
	margin-left:-90px;
	margin-top:-6px;}
#footerList01{
	border-bottom:1px solid #ddd;
	float:none;
	margin:0 auto;
	padding:5px 0 15px;}
#footerList01 li{
	display:inline-block;
	float:none;
	margin-left:10px;
	margin-right:10px;}


/*inner*/

#innerContentsLeft{
	width:35%;}
#innerContentsRight{
	width:60%;}

/*pageTop*/
.pageTop {
	margin:0 20px;
	width: auto;}

/*imgSet*/
.imgSet{
	width:100%;}

}




/* ------------------------------------------------------------------------------------
	640px
 ------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {


#contents{
	padding-top:30px;}

#topContents{
	margin-top: 30px;
}

/*footerSitemap*/
#footerSitemap .box01,
#footerSitemap .box02,
#footerSitemap .box03,
#footerSitemap .box04,
#footerSitemap .box05{
	min-height:inherit;
	height:auto;
	float:none;
	width:100%;}
#footerSitemap ul{
	height:auto;
	min-height:inherit;
	border:none;}

#footerSitemap ul{	padding:0px 20px 0px;}
#footerSitemap ul li{ display:none;}
#footerSitemap ul li.title01{ display:block; margin-bottom:10px;}
#footerSitemap ul li.iconHome{ display:block; margin-bottom:10px;}

#footerSitemap ul li.mt{ margin-top:0;}

/*inner*/
#innerContentsLeft{
	float: none;
	width:100%;}

#innerContentsRight{
	float:none;
	width:100%;
	padding-bottom:40px;}
/**/
#breadcrumbs {
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;}
#breadcrumbs ul{
	width:100%;}


/*newsArea*/
.newsArea{
	display: block;
}
.newsRight{
	margin-top: 20px;
}

/*mainLink*/
#mainLink ul{
	display: block;
}
#mainLink ul li{
	display: block;
}
#mainLink ul li a{
	padding: 10px;
}
#mainLink .boxImg{
	width: 90px;
	max-width: 30%;
}

/*brandLink*/
.brandLink ul li{
	width: calc(50% - 6px);
}
.brandLinkSet{
	display: block;
}
.brandLinkSet .brandLink{
	margin-bottom: 20px;
}
.brandLinkSet .brandLink,
.brandLinkSet .corpLink{
	width: 100%;
}
.corpLink ul{
	min-height: auto;
}

}



/* ------------------------------------------------------------------------------------
	320px
 ------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	
}