/*
メディアクエリの書き方は、
@media (max-width: 600px) { }
が正しいらしい。多くのサイトでは
@media screen and (min-width:600px) { }
と説明されているが、この場合「screen and」は不要である。
そもそも「and」は論理演算子のはず。
参考：developer.mozilla.org
www.w3.org
*/

/*
この下は、amelistが共通しており、768pxを上に書くと、
important指定しない限り効かないので注意。
*/

@media (max-width: 1279px) {
  .amelist {
    width: 60%;
  }
}
@media (max-width: 1119px) {
  .amelist {
    width: 70%;
  }
}
@media (max-width: 959px) {
  .amelist {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .ameindexbody {
    line-height : 120%;
    margin : 2rem 2%;
  }
  .amelist {
    width: 90%;
  }
  .ameline140 {
    line-height : 140%;
  }
  .amecomment{
    line-height : 150%;
    margin : 2em 5%;
  }
}