@media (max-width: 767px) {
  .mv-lower {
    background-image: url(../../img/event/event_mv_sp.jpg);
  }
}
@media (min-width: 768px) {
  .mv-lower {
    background-image: url(../../img/event/event_mv_pc.jpg);
  }
}
.mv-lower:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .mv-lower:after {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(245, 242, 233, 0) 50%, rgb(245, 242, 233));
  }
}
@media (min-width: 768px) {
  .mv-lower:after {
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(245, 242, 233, 0) 50%, rgb(245, 242, 233));
  }
}
.mv-lower .mv-lower-title .mv-lower-title-maintitle__txt {
  color: #000;
}

.event-wrap {
  position: relative;
  background-color: #F5F2E9;
}
@media (max-width: 767px) {
  .event-wrap {
    padding: 22.5vw 0 12.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap {
    padding: 7.1428571429vw 0 5.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap {
    padding: 100px 0 78px;
  }
}
.event-wrap .decoration-top {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .event-wrap .decoration-top {
    width: 82.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .decoration-top {
    width: 85.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .decoration-top {
    width: 1200px;
  }
}
.event-wrap .decoration-top figure {
  position: absolute;
  right: 0;
}
@media (max-width: 767px) {
  .event-wrap .decoration-top figure {
    width: 10.5vw;
    bottom: 1.875vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .decoration-top figure {
    width: 2.7857142857vw;
    bottom: 1.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .decoration-top figure {
    width: 39px;
    bottom: 15px;
  }
}
.event-wrap .decoration-top figure img {
  width: 100%;
}
.event-wrap .event-list {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .event-wrap .event-list {
    width: 75vw;
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list {
    width: 85.7142857143vw;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7.1428571429vw;
    gap: 5vw 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list {
    width: 1200px;
    margin-bottom: 100px;
    gap: 70px 10px;
  }
}
.event-wrap .event-list .event-element {
  position: relative;
  transition: 0.3s;
  background-color: #f5f2e9;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element {
    width: calc((100% - 1.4285714286vw) / 3);
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element {
    width: calc((100% - 20px) / 3);
  }
}
.event-wrap .event-list .event-element .event-element-core {
  display: block;
  width: 100%;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core {
    padding: 2.1428571429vw 1.0714285714vw 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core {
    padding: 30px 15px 20px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-thumbnail {
  position: relative;
}
.event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon {
  position: absolute;
  z-index: 2;
  display: grid;
  place-content: center;
  background-color: #000;
  transition: 0.3s;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon {
    top: 1.875vw;
    right: 1.875vw;
    width: 19vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon {
    top: 1.0714285714vw;
    right: 1.0714285714vw;
    width: 7vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon {
    top: 15px;
    right: 15px;
    width: 98px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon p {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon p {
    font-size: 3.875vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon p {
    font-size: 1.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__nowon p {
    font-size: 18px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img {
  aspect-ratio: 1.35/1;
  width: 100%;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img {
    margin-bottom: 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img {
    margin-bottom: 20px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank {
  display: grid;
  place-content: center;
  background-color: #fff;
  border-style: solid;
  border-color: #000;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank {
    border-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank {
    border-width: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank {
    border-width: 1px;
  }
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank figure {
    width: 18.75vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank figure {
    width: 9.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-thumbnail__img--blank figure {
    width: 130px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-title {
  overflow: hidden;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-title {
    padding: 1.25vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-title {
    height: 4.2857142857vw;
    padding: 0 0.7142857143vw;
    margin-bottom: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-title {
    height: 60px;
    padding: 0 10px;
    margin-bottom: 10px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-title h3 {
  font-weight: bold;
  color: #EA6052;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-title h3 {
    line-height: 1.4;
    font-size: 4.25vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-title h3 {
    line-height: 1.3;
    font-size: 1.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-title h3 {
    font-size: 22px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-read {
  overflow: hidden;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-read {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-read {
    height: 4.6428571429vw;
    margin-bottom: 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-read {
    height: 65px;
    margin-bottom: 20px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-read p {
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-read p {
    font-size: min(1.1428571429vw, 16px);
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info {
  display: flex;
  flex-wrap: wrap;
  border-style: solid;
  border-color: #000;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info {
    border-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info {
    border-width: min(0.0714285714vw, 1px);
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title {
  position: relative;
  display: grid;
  place-content: center;
  border-right-style: solid;
  border-right-color: #000;
  overflow: hidden;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title {
    width: 17.5vw;
    border-width: 0.25vw;
    padding: 1.25vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title {
    width: 5.7142857143vw;
    border-width: 0.0714285714vw;
    padding: 0.3571428571vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title {
    width: 80px;
    border-right-width: 1px;
    padding: 5px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title p {
  line-height: 1;
  text-align: center;
  position: relative;
  z-index: 2;
  font-weight: bold;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__title p {
    font-size: min(1.1428571429vw, 16px);
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt {
  overflow: hidden;
  height: 100%;
  display: grid;
  place-content: center;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt {
    width: calc(100% - 17.5vw);
    padding: 2.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt {
    width: calc(100% - 5.7142857143vw);
    padding: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt {
    width: calc(100% - 80px);
    padding: 10px;
  }
}
.event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt p {
  line-height: 1.4;
  font-feature-settings: "palt";
  font-weight: bold;
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info__txt p {
    font-size: min(1.1428571429vw, 16px);
  }
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info:not(:last-of-type) {
    margin-bottom: 1.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element .event-element-core .event-element-details .event-element-details-info:not(:last-of-type) {
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element:hover {
    background-color: #fff;
    transform: translate(-7px, -7px);
    box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element:hover .event-element-core .event-element-category {
    background-color: #ea6052;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element:hover .event-element-core .event-element-thumbnail__nowon {
    background-color: #ea6052;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .event-element:hover .event-element-core .event-element-details .event-element-details-info__title:after {
    background-color: #ecaeb1;
  }
}
@media (max-width: 767px) {
  .event-wrap .event-list .event-element:not(:last-of-type) {
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow {
    position: absolute;
    background-color: #000;
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 3.7857142857vw;
    top: 15vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .slide-arrow {
    transition: 0.3s;
    width: 53px;
    top: 210px;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    height: 0.2142857143vw;
    width: 30%;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .slide-arrow::after {
    height: 3px;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 0.2142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .slide-arrow::before {
    height: 3px;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow--prev {
    left: -5vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .slide-arrow--prev {
    left: -70px;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow--prev::after {
    transform-origin: left;
    transform: translate(-50%, -50%) rotate(35deg);
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow--prev::before {
    transform-origin: left;
    transform: translate(-50%, -50%) rotate(-35deg);
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow--next {
    right: -5vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .slide-arrow--next {
    right: -70px;
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow--next::after {
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(35deg);
  }
}
@media (min-width: 768px) {
  .event-wrap .event-list .slide-arrow--next::before {
    transform-origin: right;
    transform: translate(-50%, -50%) rotate(-35deg);
  }
}
@media (min-width: 1400px) {
  .event-wrap .event-list .slide-arrow:hover {
    cursor: pointer;
    background-color: #ea6052;
  }
}
.event-wrap .decoration-bottom {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .event-wrap .decoration-bottom {
    width: 82.5vw;
    height: 0.25vw;
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .decoration-bottom {
    width: 85.7142857143vw;
    height: 0.0714285714vw;
    margin-bottom: 5.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .decoration-bottom {
    width: 1200px;
    height: 1px;
    margin-bottom: 80px;
  }
}
.event-wrap .decoration-bottom figure {
  position: absolute;
  left: 0;
}
@media (max-width: 767px) {
  .event-wrap .decoration-bottom figure {
    width: 11.625vw;
    bottom: -3.75vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .decoration-bottom figure {
    width: 6.6428571429vw;
    bottom: -1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .decoration-bottom figure {
    width: 93px;
    bottom: -20px;
  }
}
.event-wrap .decoration-bottom figure img {
  width: 100%;
}
.event-wrap .decoration-bottom::after {
  content: "";
  display: block;
  margin-left: auto;
  height: 100%;
  background-color: #000;
}
@media (max-width: 767px) {
  .event-wrap .decoration-bottom::after {
    width: 74vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .decoration-bottom::after {
    width: 78.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .decoration-bottom::after {
    width: 1100px;
  }
}
.event-wrap .banner .banner-full {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-full {
    width: 82.5vw;
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-full {
    width: 68.9285714286vw;
    margin-bottom: 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .banner .banner-full {
    width: 965px;
    margin-bottom: 20px;
  }
}
.event-wrap .banner .banner-full a {
  display: block;
  width: 100%;
}
.event-wrap .banner .banner-full a figure {
  width: 100%;
}
.event-wrap .banner .banner-full a figure img {
  width: 100%;
}
.event-wrap .banner .banner-half {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half {
    width: 82.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-half {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 68.9285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .banner .banner-half {
    width: 965px;
  }
}
.event-wrap .banner .banner-half a {
  position: relative;
  transition: 0.3s;
  display: block;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half a {
    width: 100%;
    height: 26.25vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-half a {
    width: 33.9285714286vw;
    height: 15vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .banner .banner-half a {
    width: 475px;
    height: 210px;
  }
}
.event-wrap .banner .banner-half a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  transition: 0.3;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half a::after {
    clip-path: polygon(0 0, 63% 0, 47% 100%, 0% 100%);
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-half a::after {
    clip-path: polygon(0 0, 58% 0, 42% 100%, 0% 100%);
  }
}
.event-wrap .banner .banner-half a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half a::before {
    clip-path: polygon(70% 0, 74% 0, 59% 100%, 55% 100%);
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-half a::before {
    clip-path: polygon(67% 0, 71% 0, 56% 100%, 52% 100%);
  }
}
.event-wrap .banner .banner-half a .banner-read {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
  display: grid;
  place-content: center;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half a .banner-read {
    width: 43.75vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-half a .banner-read {
    width: 15.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .banner .banner-half a .banner-read {
    width: 220px;
  }
}
.event-wrap .banner .banner-half a .banner-read p {
  line-height: 1;
  position: relative;
  z-index: 2;
  color: #444444;
  font-weight: bold;
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half a .banner-read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .event-wrap .banner .banner-half a .banner-read p {
    font-size: 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .event-wrap .banner .banner-half a .banner-read p {
    font-size: 20px;
  }
}
.event-wrap .banner .banner-half a figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: 0.3s;
}
.event-wrap .banner .banner-half a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1400px) {
  .event-wrap .banner .banner-half a:hover figure {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .event-wrap .banner .banner-half a:not(:last-of-type) {
    margin-bottom: 6.25vw;
  }
}/*# sourceMappingURL=event.css.map */