@charset "UTF-8";
.page-wrapper *:where(:not(iframe, canvas, img, svg, video ,.splide):not(svg *, .splide *)) {
  all: unset;
  display: revert;
}
.page-wrapper *,
.page-wrapper *::before,
.page-wrapper *::after {
  color: #231815;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-wrapper ol,
.page-wrapper ul {
  list-style: none;
}
.page-wrapper table {
  border-collapse: collapse;
}
.page-wrapper a {
  cursor: pointer;
}
.page-wrapper a {
  -webkit-transform: 0.3s;
          transform: 0.3s;
  text-decoration: none;
}
.page-wrapper a:hover {
  opacity: 0.8;
}

  /* .program__contents:hover {
    opacity: 0.8;
  } */
@media (min-width: 768px) {
  .page-wrapper .pc-only {
    display: block;
  }
  .page-wrapper .sp-only {
    display: none;
  }
}
@media (max-width: 767.9999px) {
  .page-wrapper .pc-only {
    display: none;
  }
  .page-wrapper .sp-only {
    display: block;
  }
}
/* ↑ コンテンツ部分設定 */


/* ↓ 特集 */
.l-container {
  font-family: "Noto Sans JP", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

.screen-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0, 0, 0 ,0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.cloud {
  position: relative;
}

.cloud::before {
  content: "";
  width: 121.9vw;
  height: 36.3vw;
  position: absolute;
  top: -18.1vw;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/cloud.svg") no-repeat center / contain;
}

.keyvisual {
  position: relative;
  z-index: 0;
}

.keyvisual::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FCF9CE;
  z-index: -1;
}

.keyvisual__inner {
  padding: 16px 0 16.1vw;
}

.keyvisual__nav {
  padding-top: 29px;
  position: sticky;
  top:0;
  z-index: 1000;
  background: #FCF9CE;
  padding-bottom: center;
}

.keyvisual__nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.keyvisual__nav ul li {
  position: relative;
  width: 109px;
}

.keyvisual__nav ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.keyvisual__nav-list2 {
  border-left:solid 1px #575757;
  border-right:solid 1px #575757;
}

.keyvisual__nav ul li span {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  color: #575757;
}

.program-img {
  width: 29px;
}

.foodtrack-img {
  width: 22px;
}

.event-img {
  position: absolute;
  top: -31px;
  width: 51px;
}

.event__text {
  position: absolute;
  bottom: -27px;
}

.announcement {
  margin-top: 6.7vw;
}

.announcement::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 0;
}

.announcement__inner {
  padding: 0 17px 27.2vw;
  text-align: center;
  position: relative;
  z-index: 1;
}

.announcement__inner::before,
.announcement__inner::after {
  content: "";
  width: 100px;
  height: 248px;
  position: absolute;
  top: 11px;
}

.announcement__inner::before {
  left: -30px;
  background: url("../img/cracker-left.svg") no-repeat center / contain;
}

.announcement__inner::after {
  right: -30px;
  background: url("../img/cracker-right.svg") no-repeat center / contain;
}

.announcement__title {
  margin: -4px auto 0;
  width: fit-content;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
  color: #003A8E;
  position: relative;
}

.announcement__title::before,
.announcement__title::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 1px;
  bottom:17px;
  background: #575757;
}

.announcement__title::before {
  left: -30px;
  transform: rotate(42deg);
}

.announcement__title::after {
  right: -30px;
  transform: rotate(-42deg);
}

.announcement__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 2.2;
  color: #575757;
}

.event {
  z-index: 0;
}

.event::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F6EAF0;
  z-index: -1;
}

.cloud2::before {
  top: -13.6vw;
  background: url("../img/cloud-pink.svg") no-repeat center / contain;
  z-index: -2;
}

.event__inner {
  padding: 0 17px 32vw;
  text-align: center;
}

.event__title::before {
  content: "";
  width: 318px;
  height: 96px;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  background: url("../img/tent.svg") no-repeat center / contain;
}

.event__title {
  padding-top: 40px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
}

.event__title-sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color:#575757;
}

.event__title-main {
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2;
  color:#575757;
}

.program {
  z-index: 0;
}

.program::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #FCF9CE;
  z-index: -1;
}

.program__inner {
  padding: 0 13px;
  text-align: center;
}

.program__title {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
}

.program__title::before,
.program__title::after {
  content: "";
  width: 52px;
  height: 53px;
  position: absolute;
}

.program__title::before {
  top: -6px;
  left: -59px;
  width: 51px;
  height: 65px;
  background: url("../img/bar-left.svg") no-repeat center / contain;
}

.program__title::after {
  top: 6px;
  width: 52px;
  height: 53px;
  right: -59px;
  background: url("../img/bar-right.svg") no-repeat center / contain;
}

.program__title-sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color:#575757;
}

.program__title-main {
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2;
  color:#575757;
}

.program__contents {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.program__content {
  border: 2px solid #F69420;
  border-radius: 15px;
  box-shadow: 0 1px 3px rgba(246, 148, 32, 1);
  background: #ffffff;
}

.schedule {
  padding: 8px 0;
  background: #F69420;
  border-radius: 11px 11px 0 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.day,
.date,
.date span {
  color: #ffffff;
}

.date,
.date span {
  font-weight: bold;
  line-height: 31px;
}

.day {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
}

.date {
  font-size: 24px;
}

.date span {
  font-size: 15px;
}

.artist {
  padding: 20px 13px 0;
}

.artist ul {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 3px;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
}

.artist ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.artist ul li img {
  width: 100%;
  height: auto;
  display: block;
}

.artist ul li span {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  color: #575757;
}

.lineups {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.outdoor,
.indoor {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  position: relative;
}

.outdoor::before,
.indoor::before {
  content: "";
  width: 100%;
  height: 11px;
  position: absolute;
  bottom: -18px;
  left: 0;
  background: url("../img/wave-line.svg") no-repeat center / contain;
}

.sun-img {
  width: 28px;
}

.shop-img {
  width: 33px;
}

.outdoor span,
.indoor span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #575757;
}

.lineup__list {
  padding-top: 22px;
  border-bottom: 1px solid rgba(87, 87, 87, 0.3);
}

.lineup__item {
  background: #FCECD8;
  padding: 10px 0 6px;
  display: grid;
  grid-template-columns: 20% 80%;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  color: #575757;
}

.program__time,
.program__sentence,
.program__sentence span {
  font-weight: bold;
  font-size: 11px;
  line-height: 1.7;
  margin: 0;
}
.program__sentence .program__note {
  font-size:9px;
  }
.program__note a {
  color:#575757;
  border-bottom: 1px solid #575757;
    }
.program__note a:hover {
  opacity: 0.8;
      }
.program__time,
.program__sentence span {
  color: #575757;
}

.program__sentence {
  color: #231815;
  border-left: solid 2px rgba(246, 148, 32, 0.5);
}

.program__sentence2 {
  border-left: solid 2px rgba(221, 69, 140, 0.5);
}

.program__sentence3 {
  border-left: solid 2px rgb(0 58 142 / 50%);
}


.lineup__item2 {
  background: #FFF4E8;
  border-top: 1px solid rgba(87, 87, 87, 0.3);
  border-bottom: 1px solid rgba(87, 87, 87, 0.3);
}

.program__content2 {
  border: 2px solid #DD458C;
  box-shadow: 0 1px 3px rgba(221, 69, 140, 1);
}

.schedule2 {
  background: #DD458C;
}

.lineup__item3 {
  border-bottom: none;
}

.outdoor2::before,
.indoor2::before {
  background: url("../img/wave-line-pink.svg") no-repeat center / contain;
}

.lineup__item4 {
  background: #F6C7DD;
}

.lineup__item5 {
  background: #F6EAF0;
  border-top: 1px solid rgba(87, 87, 87, 0.3);
  border-bottom: 1px solid rgba(87, 87, 87, 0.3);
}

.program__content3 {
  border: 2px solid #003A8E;
  box-shadow: 0 1px 3px rgba(0, 58, 142, 1);
}

.schedule3 {
  background: #003A8E;
}

.outdoor3::before,
.indoor3::before {
  background: url("../img/wave-line-blue.svg") no-repeat center / contain;
}

.lineup__item6 {
  background: #C4DCFF;
}

.lineup__item7 {
  background: #E9F2FF;
  border-top: 1px solid rgba(87, 87, 87, 0.3);
}

.mc__title,
.mc__title2,
.mc__title3 {
  display: inline-block;
  background: #F69420;
  border-radius: 25px;
  width: 86.7vw;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #ffffff;
}

.mc__title2 {
  background: #DD458C;
}

.mc__title3 {
  background: #003A8E;
}

.mc {
  padding: 5px 13px 20px;
}

.mc ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.mc2 ul,
.mc3 ul {
  width: 57.6vw;
  margin: 0 auto;
}

.mc ul li {
  display: flex;
  flex-direction: column;
}

.mc ul li span {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  color: #575757;
}

.cloud4::before {
  top: -15.7vw;
  background: url("../img/cloud-yellow.svg") no-repeat center / contain;
  z-index: -2;
}

.cloud6::before {
  top: -13.3vw;
}

.kitchencar {
  padding: 80px 0 26.4vw;
  background: #FCF9CE;
}

.kitchencar__title {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
}

.kitchencar__title::before,
.kitchencar__title::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.kitchencar__title::before {
  width: 86.4vw;
  height: 146px;
  position: absolute;
  top: -18px;
  background: url("../img/flag.svg") no-repeat center / contain;
}

.kitchencar__title::after {
  width: 77.9vw;
  height: 150px;
  top: -43px;
  background: url("../img/decoration.svg") no-repeat center / contain;
}

.kitchencar__title-sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color:#575757;
}

.kitchencar__title-main {
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2;
  color:#575757;
}

.kitchencar__access {
  width: fit-content;
  margin: 0 auto;
  padding: 28px 0 0 28px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #575757;
  position: relative;
}

.kitchencar__access::before {
  content: "";
  width: 20px;
  height: 28px;
  position: absolute;
  top: 23px;
  left: 0;
  background: url("../img/menu-icon-map.svg") no-repeat center / contain;
}

.kitchencar__access::after {
  content: "";
  width: 200px;
  height: 1px;
  position: absolute;
  bottom: -10px;
  left: -40px;
  background: #F69420;
}

.kitchencar__head {
  padding-top: 24px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  color: #575757;
}

.kitchencar__contents {
  padding-top: 30px;
  width: 93.3vw;
  margin: 0 auto;
}

.kitchencar__contents ul {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 25px 15px;
}

.kitchencar__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
  position: relative;
}

.kitchencar__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44.8vw;
  aspect-ratio: 168/125;
  border-radius: 8px;
  overflow: hidden;
}

.kitchencar__list::before {
  content: "";
  width: 43px;
  height: 43px;
  position: absolute;
  top: -10px;
  left: 0;
  background: url("../img/919(土).svg") no-repeat center / contain;
}

.kitchencar__list::after {
  content: "";
  width: 37px;
  height: 37px;
  position: absolute;
  top: 21px;
  left: -5px;
  background: url("../img/921(月・祝).svg") no-repeat center / contain;
}

.kitchencar__list2::before {
  content: "";
  width: 43px;
  height: 43px;
  position: absolute;
  top: -10px;
  left: 0;
  background: url("../img/920(日).svg") no-repeat center / contain;
}

/* .comingsoon {
  width: 22.4vw;
} */

.hungrytiger {
}

.kitchencar__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #F69420;
}

.kitchencar__menu {
  font-weight: 400;
  font-size: 10px;
  line-height: 2;
  color: #575757;
}

.message {
  margin-top: -21px;
}

.message::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 0;
}

.message__inner {
  padding: 0 13px 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.message__inner::before,
.message__inner::after {
  content: "";
  width: 63px;
  height: 259px;
  position: absolute;
  top: 72px;
}

.message__inner::before {
  left: -1px;
  background: url("../img/decoration-left.svg") no-repeat center / contain;
}

.message__inner::after {
  right: -1px;
  background: url("../img/decoration-right.svg") no-repeat center / contain;
}

.message__text {
  padding-top: 33px;
  font-weight: 500;
  font-size: 15px;
  line-height: 2.4;
  color: #575757;
}

.event__contents ul {
  margin-top: 20px;
  padding-bottom: 15px;
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.event__list {
  position: relative;
}

.event__list::before {
  content: "";
  width: 71px;
  height: 71px;
  position: absolute;
  top: 45px;
  left: 0;
  background: url("../img/919(土).svg") no-repeat center / contain;
}
.event__list::after {
  content: "";
  width: 37px;
  height: 37px;
  position: absolute;
  top: 96px;
  left: -5px;
  background: url("../img/921(月・祝).svg") no-repeat center / contain;
}
/* ロマンスカーミュージアム */
.event__list--museum::before {
  content: "";
  width: 71px;
  height: 71px;
  position: absolute;
  top: 103px;
  left: 5px;
  background: url("../img/919(土).svg") no-repeat center / contain;
}

/* 田中酒造 */
.event__list--tanaka::before {
  content: "";
  width: 71px;
  height: 71px;
  position: absolute;
  top: 557px;
  left: 5px;
  background: url("../img/919(土).svg") no-repeat center / contain;
}

.event__list--tanaka::after {
  content: "";
  width: 37px;
  height: 37px;
  position: absolute;
  top: 612px;
  left: 4px;
  background: url("../img/921(月・祝).svg") no-repeat center / contain;
}
.event__content-title {
  display: inline-block;
  padding-top: 15px;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.4;
  color: #DD458C;
}

.event__content-image {
  padding: 16px 12px 0;
}

.event__image img {
  width: 100%;
}

.event__access {
  width: fit-content;
  margin-left: 18px;
  padding: 14px 0 0 28px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #575757;
  position: relative;
}

.event__access::before {
  content: "";
  width: 20px;
  height: 28px;
  position: absolute;
  top: 9px;
  left: 0;
  background: url("../img/menu-icon-map.svg") no-repeat center / contain;
}

.event__description::before {
  content: "";
  width: 90%;
  height: 1px;
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  background: #DD458C;
}

.event__description {
  padding: 20px 20px 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: #575757;
  position: relative;
}

.event__content-detail {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px #DD458C;
  border-radius: 6px;
  width: 85.7vw;
  height: 36px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #DD458C;
}

@media (min-width: 768px) {
  .cloud::before {
    width: 457px;
    height: 136px;
    top: -68px;
  }

  .keyvisual__inner {
    padding-bottom: 51px;
  }

  .announcement {
    margin-top: 25px;
  }

  .announcement__inner {
    padding-bottom: 102px;
  }

  .mc__title,
  .mc__title2,
  .mc__title3 {
    width: 325px;
  }

  .mc2 ul,
  .mc3 ul {
    width: 216px;
  }

  .kitchencar {
    padding-bottom: 104px;
  }

  .kitchencar__contents {
    width: 350px;
  }

  .kitchencar__image {
    width: 168px;
  }

  .comingsoon {
    width: 64px;
  }

  .hungrytiger {
    min-width: 0;
    width: 170px;
  }

  .cloud2::before {
    top: -51px;
  }

  .event__inner {
    padding-bottom: 105px;
  }

  .cloud4::before {
    top: -59px;
  }

  .cloud6::before {
    top: -50px;
  }

  .event__content-detail {
    width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .artist ul li span {
    font-size: 8px;
  }

  .program__time,
  .program__sentence,
  .program__sentence span {
    font-size: 10px;
  }

  .mc__title {
    width: 253px;
  }

  .mc2 ul,
  .mc3 ul {
    width: 20.8vw;
  }

  .kitchencar__title::before {
    width: 280px;
  }

  .kitchencar__head {
    font-size: 13px;
  }

  .kitchencar__contents {
    width: 35.5vw;
  }

  .kitchencar__contents ul {
    gap: 20px 10px;
  }

  .kitchencar__image {
    width: 16.9vw;
  }

  .comingsoon {
    width: 6.5vw;
  }

  .kitchencar__name {
    font-size: 12px;
  }

  .event__message {
    font-size: 13px;
  }

  .event__content-detail {
    width: 253px;
  }
}