@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap");
.ep-mainvisual .img {
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .ep-mainvisual .img {
    aspect-ratio: 1 / 1;
    background: url(/user_data/packages/ravijour/feature/ep_earlysummer/img/mainvisual_sp.jpg) no-repeat;
    background-size: contain;
  }
  .ep-mainvisual .img img {
    display: none;
  }
}

.ep-nav {
  max-width: 1025px;
  margin: 0 auto 30px;
}
.ep-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.ep-nav ul li {
  width: calc(100% / 6 - 1px);
}
.ep-nav ul li a {
  position: relative;
  display: block;
  padding: 15px 0;
  background: #C0B8E1;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border: 1px solid #C0B8E1;
}
.ep-nav ul li a:after {
  position: absolute;
  right: 5px;
  bottom: 5px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.ep-nav ul li a.active {
  color: #C0B8E1;
  background: #fff;
}
.ep-nav ul li a.active:after {
  border-bottom-color: #C0B8E1;
}
@media screen and (max-width: 768px) {
  .ep-nav ul li {
    width: calc(100% / 3 - 1px);
    margin-bottom: 1px;
  }
  .ep-nav ul li a {
    font-size: 14px;
  }
  .ep-nav ul li a:after {
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
  }
}

/*# sourceMappingURL=style.css.map */