/*===============================================
●default.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
#menu li.class a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	  
}
p {	
  line-height: 150%;
  font-size: 14px;    
}

.img img{
  width: 80%;
  height: 80%; 
}
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
#menu li.class a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	  
}
p {	
  line-height: 150%;
  font-size: 14px;    
}
.img img{
  width: 80%;
  height: 80%; 
}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#menu li.class a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	
}
p {	
  line-height: 120%;
  font-size: 10px;    
}
.img img{
  width: 80%;
  height: 80%; 
}
}