@charset "utf-8";
/* CSS Document */
.syy_event_ttl{
  text-align:center;
  margin-bottom:8px;
}
.syy_livebox > div{
  padding-top: 2px;
}
ul.syy_wslist{
  flex-wrap:wrap;
  justify-content: center;
  gap:20px;
}
.syy_wslist li{
  width:33.33%;
}
ul.syy_wslist li div{
  background-color:#00000F;
}
.syy_program ul li:nth-of-type(5) div {
  color: #02BCFF;
}
.syy_program ul li:nth-of-type(6) div{
  color: #E5B720;
}
.syy_program ul li:nth-of-type(7) div {
  color: #72E7CC;
}
.syy_howtoshow{
  width:100%;
  max-width:720px;
  margin:0 auto 48px;
}
.syy_howtoshow > p{
  color:#FFF;
  text-align:center;
  font-size:1.75em;
  font-weight:bold;
  padding:1em 0 0.5em;
}
.syy_howtoshow > .syy_drnvideo div{
  aspect-ratio:16/9;
}
.syy_howtoshow > .syy_drnvideo div iframe{
  width:100%;
  height:100%;
}
.syy_sche_map{
  width:100%;
  max-width:1200px;
  margin:0 auto 88px;
}
.syy_schedule{
  width:44vh;
  padding-top:40px;
  margin:auto;
}
.syy_schedule img{width:100%;}
.syy_map{
  width:100%;
  margin:48px auto 0;
}
.syy_map img{width:100%;}
.syy_qa{
  position: relative;
}
.syy_qa h2{
  position: absolute;
  top: -16px;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #B1FEEC;
  text-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
  z-index: 1;
}
.syy_qa h2::before,
.syy_qa h2::after{
  content: "";
  display: inline-block;
  width: 38px;
  height: 26px;
}
.syy_qa h2::before{
  background: url(../img/il_decottl1_lt.svg) center center no-repeat;
  margin-right:24px;
}
.syy_qa h2::after{
  background: url(../img/il_decottl1_rt.svg) center center no-repeat;
  margin-left:24px;
}
.syy_qa div{
  max-width: 900px;
  margin: 0 auto 64px;
  padding: 16px 16px 32px;
  background-color: rgba(46, 77, 70, 0.5);
  border: 2px solid #497067;
  backdrop-filter: blur(5px);
}
.syy_qa div dl{
  padding:0 24px;
}
.syy_qa div dl dt{
  font-weight:bold;
  color:#EFEAA6;
  padding:1.5em 0 0.625em;
}
.syy_qa div dl dd{
  color:#FFF;
  font-size:0.875em;
  line-height:1.5;
}
.syy_qa div dl dd a{
  color:#FFF;
}
.syy_program{
  margin-bottom:48px;
}
.syy_caution{
  font-size: 1.75em;
  font-weight: bold;
  margin-bottom:0 !important;
  
}
.syy_oekaki{margin-bottom:100px;}
.syy_notes{margin-bottom:64px;}
.syy_topinfobox{
  z-index:99;
  position: relative;
  background-color:#FFF;
  padding:24px 0;
  font-size:1.25em;
  line-height:1.375;
}
/*--WISYWIG関連--*/
.syy_topinfobox strong,
.syy_topinfobox b{
  font-weight:bold;
}
.syy_bntsubame{margin-bottom:0;}
.syy_busticket{
  padding-top:0;
}
div.syy_busticket{border-top: none;}
.syy_busticket > p{
  font-size:1.25em !important;
  font-weight:bold;
}



/*20250911add 当日券販売 キッチンカーイメージ*/
.syy_dayticket{
  margin-bottom: 56px;
  text-align: center;
}
.syy_dayticket img{
  max-width: 100%;
  width: 430px;
  filter: drop-shadow(0 0 23px #000000);
}

.syy_ticket .syy_dayticket{
  margin-bottom: 16px;
  padding-top: 26px;
}

.syy_foodimage{
  width: calc(100% + 32px);
  margin-bottom: 120px;
  margin-left: -16px;
}
.syy_foodimage h2{
  margin-bottom: 24px;
  text-align: center;
  font-size: clamp(1rem, 0.449rem + 2.05vw, 1.5rem);/*16-24 430-820*/
  font-weight: bold;
  color: #FFE600;
}
.syy_imageslide{display: none;}
.syy_imageslide.slick-initialized{display: block;}
.syy_imageslide picture{
  display: block;
  width: 220px;
  aspect-ratio: 1;
}
.syy_imageslide picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}





@media screen and (max-width:800px){
  .syy_howtoshow{margin-bottom:32px;}
  .syy_howtoshow > p{font-size:1.25em;}
  .syy_sche_map{flex-direction:column;}
  .syy_schedule{
    width:100%;
    padding:0 16px;
  }
  .syy_map{
    margin-top:0px;
    margin-bottom:48px;
  }
  .syy_qa div dl{padding:0;}
  .syy_topinfobox{
    font-size:1em;
    padding: 24px 8px;
  }
}