@charset "utf-8";
/* CSS Document */

@media screen and ( max-width: 1050px ) {
	.banner-list{
		width: 476px;
		margin: auto;
	}
	.banner-list li{
		float: none;
	}
	.copyright{
		margin:30px 0 0 0px;
		width: 100%;
	}
}
@media screen and ( max-width: 1000px ) {
	.header,.gnav{
		display: none;
	}
.sp_btn {
	display: block;
	margin: 0 0 10px 10px;
	display: block;
	position: absolute;
	top: 25px;
}
.sp_btn img{
		margin-right: 10px;
	}
.container{
	width: 100%;
}
.sp_logo {
	display: block;
	max-width: 441px;
	margin: auto;
	padding: 10px 0;
}
	.sp_logo img {
	width: 100%;
	height: 100%;
	}
.news{
	width: 100%;
}
.news_icon{
	height: 5em;
	}
.news dl {
	float: none;
	padding: 15px 0 10px 0;
	min-height: 2em;
	margin-left: 100px;
}
.news dt {
	float: none;
	width: 100%;
	margin: 0 15px 0 0;
	margin-bottom: 6px;
}
.news dd{
	float: none;
	width: 95%;
}
  .catalog{
    z-index: 1000;
    right: 5%;
    bottom: 80px
  }
  #back-top {
    bottom: 30px;
  }
  .catalog img{
    width: 120px;
  }
/*product-inner*/
.product-inner {
	width: 500px;
	margin: auto;
}
/*tech-inner*/
.tech-inner{
	width: 672px;
	margin: auto;
	}
/*footer-bottom*/

.footer-bottom{
	padding: 0 10%;
}

/*product-shot*/
.product-menu{
	width:80%;
	text-align:center;
	}

.product-menu li{
	margin-bottom:5px;
}
	
.table-box{
		display: none;
}
.sp_table-box{
		display: block;
}


@media screen and ( max-width: 900px ) {
.news dl {
	float: none;
	padding: 15px 0 10px 0;
	min-height: 2em;
	margin-left: 100px;
	width: 90%;
}

.news dd {
	float: none;
	width: 93%;
	}
.footer-nav ul {
	padding: 30px 20% 10px 20%;
	}
}
@media screen and ( max-width: 702px ) {
	.footer-left {
	margin-bottom: 20px;
	}
	.adress {
	float: none;
	clear: both;
	}
}
@media screen and ( max-width: 816px ) {
	/*product-inner*/
.product-inner {
	width: 500px;
	margin: auto;
}
}
@media screen and ( max-width: 672px ) {

/*tech-inner*/
.tech-inner{
	width: 336px;
	margin: auto;
	}
}

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

.news dd {
	float: none;
	width: 82%;
}
}
@media screen and ( max-width: 612px ) {
/*product-inner*/
.product-inner {
	width: 250px;
	margin: auto;
}
}

@media screen and ( max-width: 520px ) {	
	.sp_btn{
		display: block;
		margin:0 0 10px 10px;
		display: block;
		position: absolute;
	}
	.wideslider {
	margin-top: 50px;
	}
}
	
@media screen and (max-width: 476px){
.banner-list{
	width: 100%;
	margin:auto;
	}
.sp_logo {
	width: 90%;
	}

}

@media screen and ( max-width: 408px ) {
/*product-inner*/
.product-inner {
	width: 250px;
	margin: auto;
}
}
@media screen and ( max-width: 332px ) {

/*tech-inner*/
.tech-inner{
	width: 100%;
	margin: auto;
	}
}

@media screen and ( max-width: 321px ) {
.news dd {
	float: none;
	width: 69%;
	}
}