.mgb1em {
margin-bottom:1em;
}

.wrapPayPayPoint {
padding: 10px 10px 20px 10px;
}

.wrapAnnotation {
border: 1px solid #ed6e0f;
padding: 10px;
}

#bangumi{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width:calc(1280 / 1280 * 100%);
  margin-bottom:1rem;
}
#bangumi .item{
  text-align:center;
  flex-basis: calc(640 / 1280 * 100%);
  margin-bottom:5rem;
}
#bangumi .item img{
  width:calc(300 / 640 * 100%);
  margin:0 auto 0.5rem;
}

/* スマホ向けの指定（画面幅が767px以下の時） */
@media screen and (max-width: 767px) {
  #bangumi .item {
    flex-basis: 100%; /* 幅を一杯に広げて1列にする */
    margin-bottom: 3rem; /* スマホ用に余白を少し調整（任意） */
  }

  #bangumi .item img {
    width: 80%; /* スマホだと300/640(約47%)は小さすぎる可能性があるため、お好みで調整 */
  }
}