@charset "utf-8";
/* CSS Document */
.motorbed{ 
	position: relative;
	
}

#container01 { clear: both; display:inline-block;}





/* リスト全体 */
#sort ul {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

/* １つ１つのリスト */
#sort li {
  display: inline-block;
  margin-right: 20px;
  color: #fff;
  font-weight:800;
  text-decoration: none;
  display: inline-block;
  padding: 4px;
  width: 100px;
  background-color: #1199c2;
  border-bottom: 6px solid #04789b;
  border-radius: 100vh;
  text-align: center;  
}

#sort li:hover {
  background-color: #31b3db;
  border-bottom: 6px solid #048db6;
 
}



.sortitem{ padding:15px;}


.2m,.3m{ float:left; margin-right:4px; margin-bottom:40px}



.usedsheetbuy{ float:left; margin-right:4px; margin-bottom:20px; padding:8px 8px 8px 8px; width:30%; height:450px; border:#999999 thin solid; font-size:14px; line-height:17px;}
.usedsheetbuy h4{ color:#97292b; ; margin-bottom:10px; line-height:1.3em; font-size:17px; font-weight:bold; padding-top:10px; }
.usedsheetbuy h5 img{ width: 100%;}

.tosheetpage{ width:70%; margin:0 auto; background:#1199c2;	color:#FFFFFF; text-align:center; margin-top:20px; margin-bottom:40px; text-decoration:none; font-size:14px; padding:0px; }
.tosheetpage a{	display:block; color:#FFFFFF; text-decoration:none;	padding:7px; margin:0 auto; }
.tosheetpage a:hover{ background-color:#31b3db;	text-decoration:none; }


.sale_tokubetu{
	font-size:13px;
	font-weight:400;
	line-height: 20px;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;	
}

.sale{
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
	color:#FF3300;
	padding:0px 3px 0px 3px;	
}


.muryou{
	font-size:13px;
	font-weight:400;
	line-height: 20px;
	background-color:#000099;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	
}

.motor2{
	font-size:13px;
	font-weight:400;
	line-height: 40px;
	background-color:#008927;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
}
.motor3{
	font-size:13px;
	font-weight:400;
	line-height: 40px;
	background-color:#9600dc;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
}
.new{
	font-size:11px;
	font-weight:400;
	line-height: 40px;
	background-color:#FF00FF;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	
}

.sale_b{
	font-size:23px;
	font-weight:bold;
	line-height: 40px;
	color:#CC0000;	
}

.sale_s{
	font-size:12px;
	font-weight:200;
	line-height: 12px;
}



/*画面幅769px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:769px){




.sale_tokubetu{
	font-size:13px;
	font-weight:400;
	line-height: 20px;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;	
}

.sale{
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
	color:#FF3300;
	padding:0px 3px 0px 3px;	
}


.muryou{
	font-size:13px;
	font-weight:400;
	line-height: 20px;
	background-color:#000099;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	
}

.motor2{
	font-size:13px;
	font-weight:400;
	line-height: 20px;
	background-color:#008927;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
}
.motor3{
	font-size:13px;
	font-weight:400;
	line-height: 20px;
	background-color:#9600dc;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
}
.new{
	font-size:11px;
	font-weight:400;
	line-height: 20px;
	background-color:#FF00FF;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	
}

.sale_b{
	font-size:23px;
	font-weight:bold;
	line-height: 24px;
	color:#CC0000;
	
	
	
}

.sale_s{
	font-size:12px;
	font-weight:200;
	line-height: 12px;
}


}

/*画面幅768px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){
	/* １つ１つのリスト */
#sort li {

  margin-right: 15px;
  color: #fff;
  font-size:15px;
  font-weight:600;
  text-decoration: none;
  display: inline-block;
  padding: 4px;
  width: 80px;
  background-color: #1199c2;
  border-bottom: 6px solid #04789b;
  border-radius: 100vh;
  text-align: center;  
}

#sort li:hover {
  background-color: #31b3db;
  border-bottom: 6px solid #048db6;

}


}

/*画面幅479px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:479px){
	
#sub { display:none;}

.usedsheetbuy{ float:left; margin-right:4px; margin-bottom:20px; padding:4px 4px 10px 4px; width:45%; border:#999999 thin solid; font-size:11px; line-height:15px; height:320px;}

.usedsheetbuy h4{ color:#97292b; ; margin-bottom:10px; line-height:1.3em; font-size:12px; font-weight:bold; padding-top:10px; }	

usedsheetbuy h5 img{ width: 100%;}

.tosheetpage{
	width:80%;
	margin:0 auto;
	background:#1199c2;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
	text-decoration:none;
	font-size:10px;
	padding:0px;
	font-weight:bold;
	
	
	
}

.tosheetpage a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:7px;
	margin:0 auto;
	
}


.tosheetpage a:hover{
	background-color:#31b3db;
	text-decoration:none;
	
	
}

.sale_tokubetu{
	font-size:10px;
	font-weight:400;
	line-height: 20px;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;	
}

.sale{
	font-size:10px;
	font-weight:bold;
	line-height: 20px;
	color:#FF3300;
	padding:0px 3px 0px 3px;	
}


.muryou{
	font-size:10px;
	font-weight:400;
	line-height: 20px;
	background-color:#000099;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	
}

.motor2{
	font-size:10px;
	font-weight:400;
	line-height: 20px;
	background-color:#008927;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
}
.motor3{
	font-size:10px;
	font-weight:400;
	line-height: 20px;
	background-color:#9600dc;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
}
.new{
	font-size:11px;
	font-weight:400;
	line-height: 20px;
	background-color:#FF00FF;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	
}

.sale_b{
	font-size:15px;
	font-weight:bold;
	line-height: 30px;
	color:#CC0000;
	
	
	
}

.sale_s{
	font-size:12px;
	font-weight:200;
	line-height: 12px;
}

/* １つ１つのリスト */
#sort li {

  margin-right: 15px;
  color: #fff;
  font-size:15px;
  font-weight:600;
  text-decoration: none;
  display: inline-block;
  padding: 4px;
  width: 80px;
  background-color: #1199c2;
  border-bottom: 6px solid #04789b;
  border-radius: 100vh;
  text-align: center;  
}

#sort li:hover {
  background-color: #31b3db;
  border-bottom: 6px solid #048db6;
 
}


	
}