@charset "utf-8";
/*
Theme Name: NAGANO ANIERA FESTA
Author: innerroom creative
Description: NAGANO ANIERA FESTA 2025
Text Domain: NAGANO ANIERA FESTA
*/

.p-cf24head__wrap {
  overflow-x: clip;
}
.p-cf24head__contents {
  width: 100%;
  width: 100vw;
  height: 80vh;
  margin: 0 calc(50% - 50vw);
  background-image: url("../images/2024cf/24cf_top.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.p-cf24head__tit {
  width: 100%;
  position: absolute;
  bottom: 10%;
  padding-inline: calc((100% / 9) * 0.5);
}
.p-cf24head__det {
  margin: 12vh 0 0;
  font-size: 1.6rem;
  font-weight: 500;

  position: relative;
  padding: 2rem;
}
.p-cf24head__det:before,
.p-cf24head__det:after {
  content: "";
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.p-cf24head__det:before {
  border-left: solid 2px #fff;
  border-top: solid 2px #fff;
  top: 0;
  left: 0;
}
.p-cf24head__det:after {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  bottom: 0;
  right: 0;
}
.p-cf24head__det p {
  margin: 0;
  padding: 0;
}
.p-cf24head__det span {
  display: block;
  text-align: center;
  font-weight: 700;
  margin: 0 0 4rem;
}

.p-cf24list__wrap {
  margin: 12vh 0 0;
}
.p-cf24list__inner {
  display: flex;
  flex-direction: column;
  gap: 6vh 0;
}
.p-cf24__colist__contents {
  width: 100%;
  background-color: #fff;
  padding-inline: calc(12.5% * 0.75);
  padding-block: 6vh;
  border-radius: 3vh;
}
.p-cf24__colist__contents ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 2rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.p-cf24__colist__lsize li {
  width: 26%;
  object-fit: contain;
  font-size: 0;
}
.p-cf24__colist__lsize li img {
  width: 100%;
}
.p-cf24__colist__msize li {
  width: 20%;
  object-fit: contain;
  font-size: 0;
}
.p-cf24__colist__msize img {
  width: 100%;
}
.p-cf24__colist__ssize li {
  width: 14%;
  object-fit: contain;
  font-size: 0;
}
.p-cf24__colist__ssize img {
  width: 100%;
}

.p-cf24__namelist__wrap {
  margin: 12vh 0 0;
}
.p-cf24__namelist__tit {
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  padding: 2rem 0;
  line-height: 1;
  border: 2px solid #fff;
}
.p-cf24__namelist__contents {
  margin: 6vh 0 0;
}
.p-cf24__namelist__contents ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 2rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.p-cf24__namelist__contents ul.has-last-row-left .is-last-row-item {
  margin-right: auto;
}
.p-cf24__namelist__contents li {
  line-height: 1;
  font-weight: 800;
  font-size: 1.8rem;
}

.p-cf24footer__wrap {
  margin: 21vh 0 12vh;
}
.p-cf24footer__inner {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-cf24head__contents {
    width: 100vw;
    height: 60vh;
    margin: 0 calc(50% - 50vw);
  }
  .p-cf24head__tit {
    padding-inline: calc((100% / 9) * 0.5);
    bottom: 0;
  }
  .p-cf24head__det {
    margin: 9vh 0 0;
    font-size: 1.4rem;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .p-cf24__colist__lsize li {
    width: 44%;
    font-size: 0;
  }
  .p-cf24__colist__msize li {
    width: 30%;
    font-size: 0;
  }
  .p-cf24__colist__ssize li {
    width: 25%;
    font-size: 0;
  }
  .p-cf24__colist__ssize ul::after {
    display: block;
    content: "";
    width: 25%;
  }
  .p-cf24list__wrap {
    margin: 9vh 0 0;
  }
  .p-cf24__namelist__tit {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .p-cf24__namelist__contents li {
    line-height: 1;
    font-weight: 800;
    font-size: 1.4rem;
  }
}

.mat__wrap {
}
.mat__inner {
}
.mat__heading {
}
.mat__tit {
}
.mat__days {
}
.mat__lineup {
}
.mat__lineup__img {
}
.mat__price {
}
.mat__price__txt {
}
.mat__price__notes {
}
.mat__price__ticet {
}
.mat__price__cl {
}

.mat__price__cf__wrap {
  margin: 9vh 0 0;
  width: 100%;
}
.mat__price__cl {
  border: 2px solid #fff;
  padding: 2rem 0;
  font-size: 1.8rem;
  font-weight: 700;
}
.mat__price__cl:hover {
  border: 2px solid #fff;
  color: #295444 !important;
  background: #fff;
}