/* ミドルバナー・ログインバナー */

.banner-item, .top-banner-item {
  box-sizing: border-box;
  float: left;
}

.banner-item.medium, .top-banner-item.medium {
  width: 471px;
  margin-left: 18px;
}
.banner-item.medium img, .top-banner-item.medium img {
  width: 100%;
  height: auto;
}

.banner-item:nth-child(2n+1), .top-banner-item:nth-child(2n+1) {
    margin-left: 0;
}


.banner-position-left {
  float: left;
}

.banner-position-right {
  float: right;
}

@media screen and (max-width: 640px) {

  .middle-banner-box {
    position: relative;
    width: auto;
    margin: 0 13px;
    margin-top: 13px;
  }

  .middle-banner-box.before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .banner-item {
    float: none;
    margin-bottom: 13px;
  }

  .banner-item.medium {
    width: 100%;
    margin-left: 0;
  }
  .banner-item.medium img {
    width: 100%;
    height: auto;
  }
  .banner-item:nth-child(2n+1) {
      margin-left: 0;
  }

  .news-list.date {
      font-size: 13px !important;
  }
}