@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ マンガでわかる歯科治療 ◇◆◇
  
  
========================================================================================================================*/

#manga {
  text-align:left;
}

.manga-list {
  with:100%;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.manga-list li {
  box-sizing:border-box;
}

.manga-list li a {
  display:block;
  background-color:#fffff;
}

.manga-list li img {
  vertical-align:bottom;
}

@media print,screen and (min-width:641px) {
  #manga {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    padding-top:80px;
    padding-bottom:100px;
  }

  .manga-list li {
    width:50%;
    padding-left:4%;
    padding-right:4%;
    text-align:center;
  }
  
  .manga-list li:nth-child(n+3) {
    padding-top:40px;
  }
}

@media screen and (max-width:640px) {  
  #manga {
    padding:2.5rem 1.5rem 3rem 1.5rem;
  }

  .manga-list li {
    width:50%;
    box-sizing:border-box;
  }

  .manga-list li:nth-child(odd) {
    padding-right:0.5rem;
  }

  .manga-list li:nth-child(even) {
    padding-left:0.5rem;
  }
  
  .manga-list li:nth-child(n+3) {
    padding-top:1.5rem;
  }
}