@charset "utf-8";

/* イベント告知バナー */
.EventBanner {
  display: block;
  width: 90vw;
  margin: 20px auto;
  background-color: #57a2c7;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 16px 24px;
  text-align: center;
  transition: 0.3s;
}

.EventBanner:hover {
  background-color: rgba(139, 181, 199);
}

.EventBanner-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0 6px;
}

.EventBanner-text {
  font-size: 1.3rem;
  color: #fff;
  margin: 0 0 8px;
}

.EventBanner-link {
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 960px) {
  .EventBanner-text {
    font-size: 1.2rem;
  }
}