@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');


.navSmh{
  height: 60px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 8;
}

.navSmh img.logo{
  width: auto;
    position: absolute;
    top: 5px;
    height: 50px;
    left: 5px;
    margin: auto;
    z-index: 9;
}
.time-tbox p {
background-color:#fff;
padding:1rem;
margin:0;
}

  /*　ハンバーガーボタン　*/
  .hamburger {
    display: block;
    z-index: 9;
    width: 40px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 4px;
  right: 6px;
  background: #0060ea;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  border-radius: 0.5rem;
}

.hamburger span:nth-child(1) {
  top: 0;
  width: 30px;
}

.hamburger span:nth-child(2) {
  top: 0;
  width: 30px;
  bottom: 0;
  margin: auto;
}

.hamburger span:nth-child(3) {
  bottom: 0;
  width: 30px;
}

/* ナビopen時ボタン */
.hamburger.active span:nth-child(1) {
  top: 0;
  bottom: 0;
  margin: auto;
  right: 6px;
  background: #0060ea;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  background: #0060ea;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}


nav.globalMenuSp {
  position: fixed;
  z-index: 8;
  top: 60px;
  left: 0;
  color: #fff;
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  height: calc(100vh - 60px);
  visibility: hidden;
  /* overflow-y: scroll; */
  /* background: transparent; */
  background-color: #ddd;
}

nav.globalMenuSp ul{
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  padding: 0.5rem;
  position: absolute;
  top: -80px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  align-items: center;
  align-content: center;
}

nav.globalMenuSp ul li{
  width: 100%;
  margin: 0 auto;
  font-family: 'Lalezar', cursive;
}

nav.globalMenuSp ul li div{
  /* padding-left: 10%; */ 
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 0 1rem;
  font-size: 2em;
}

nav.globalMenuSp ul li span {
  font-family: 'RocknRoll One', sans-serif;
  line-height: initial;
}

nav.globalMenuSp ul li span a {
  color: #000;
    border-bottom: 2px solid #000;
    font-size: 1em;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

nav.globalMenuSp ul li span:first-of-type a {
  color: #0069B7;
    border-bottom: 2px solid #0069B7;
    font-size: 1em;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

nav.globalMenuSp ul li span:nth-child(2) a {
  color: #E70012;
    border-bottom: 2px solid #E70012;
    font-size: 1em;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;
  visibility: visible;
}

nav.globalMenuSp.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vh;
  height: 100vh;
  background: #ffffffcc;
}

.navActive{
  z-index: 8!important;
}

.is-fixed{
  height: 100%;
  overflow: hidden;
  position: fixed;
}




.keySection{
  margin-bottom: 4rem;
  padding-top: 60px;
}

.keyPc{
  display: none;
}

.keySp{
  display: block;
}

.movie_pc,.movie_pad{
  display: none;
}

.movie_s{
  display: block;
  margin: 0 auto;
}

.movieSection{
  margin-bottom: 6rem;
}

.hashtagBox{
  width: 90%;
  margin: 0 auto 4rem;
}

.movieWrap{
  /* position: relative;
  text-align: center;
  margin: 0 auto 4rem; */
  width: 90%;
  margin: 0 auto 2rem;
}

.movieBtn{
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.thumBtn{
  width: 32%;
  font-weight: bold;
}

.thumBtn p{
  border: 2px solid #000;
  padding: 0.5rem;
}

.placeImg{
  width: 90%;
  margin: 0 auto;
}

.placeImg a{
  display: block;
}

.placeImg a:first-of-type{
  margin-bottom: 2rem;
}

.twitter_pc{
  display: none;
}

.twitter_s{
  display: block;
}

h2{
  margin: 0 auto 4rem;
  font-size: 4em;
  text-align: center;
  line-height: 1;
  font-family: 'Lalezar', cursive;
}

h2 span{
  font-size: 0.4em;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: oblique;
  position: relative;
  display: inline-block;
  padding: 0 55px;
  
}

h2 span:before, h2 span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h2 span:before {
  left:0;
}
h2 span:after {
  right: 0;
}


.newsSection{
  background: #fff;
  padding: 4rem 0;
  margin-bottom: 6rem;
}

.newsArea{
  width: 90%;
  margin: 0 auto 2rem;
}

.newsBox{
  padding: 1rem 0;
    background: #fff;
    border: 2px solid #54cdfa;
    margin-bottom: 4rem;
    box-shadow: 10px 10px #0060ea;
    border-radius: 0.5rem;
    overflow-y: scroll;
    height: 300px;
}

.newsBox ul{
  margin: 0 auto;
    padding: 0 0.5rem;
}

.newsBox ul li{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-bottom: 1px solid #54cdfa;
  padding: 1rem 0;
}

.newsBox ul li span:first-of-type{
  width: 15%;
    color: #54cdfa;
    font-size: 1.2em;
    text-align: center;
}

.newsBox ul li span:last-of-type{
  width: 80%;
    padding-left: 5%;
}

.twitterBox_s{
  margin: 0 auto 2rem;
}

.twitterBox_pc{
  display: none;
}

.accessSection{
  margin-bottom: 6rem;
  position: relative;
}

.accessDay1{
    background: #0069B7;
    padding: 2rem 0;
    position: relative;
    margin: 0 auto 6rem;
    width: 95%;
    box-shadow: 5px 5px #0060ea;
    border-radius: 1rem;
    border: 2px solid #fff;
}

.day1Wrap,.day2Wrap{
    position: relative;
}

.day1Bg{
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    /* right: 0; */
    bottom: 0;
    left: 0;
    margin: auto;
    /* background: #F8ED15; */
    z-index: -1;
    transform: skewY(10deg);
    margin: auto;
}

.accessDay2{
  background: #E70012;
  padding: 2rem 0;
  position: relative;
  width: 95%;
  margin: 0 auto;
  box-shadow: -5px 5px #0060ea;
  border-radius: 1rem;
  border: 2px solid #fff;
}

.day2Bg{
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* left: 0; */
    margin: auto;
    background: #FFBA00;
    z-index: -1;
    transform: skewY(-10deg);
    margin: auto;
}

.date_1118 ul,.date_1119 ul{
    margin: 0 auto 1rem;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}

.date_1118 ul li:nth-child(1),.date_1119 ul li:nth-child(1),.date_1118 ul li:nth-child(3),.date_1119 ul li:nth-child(3){
font-size: 1.2em;
}

.date_1118 ul li:nth-child(2),.date_1119 ul li:nth-child(2){
  font-size: 2.8em;
  line-height: initial;
}

.date_1118 ul li:nth-child(2) span,.date_1119 ul li:nth-child(2) span{
  font-size: 0.6em;
}

.date_1118 p{
    margin: 0 auto 2rem;
    text-align: center;
    padding: 0.5rem 0;
    background: #fff;
    width: 60%;
    color: #0069B7;
    font-weight: bold;
    font-size: 1.2em;
}

.date_1118 a{
    padding: 1rem 0;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 4rem;
    color: #0069b7;
    font-weight: bold;
    font-size: 1.6em;
    border: 2px solid #0060ea;
}

.date_1119 p{
  margin: 0 auto 2rem;
  text-align: center;
  padding: 0.5rem 0;
  background: #fff;
  width: 60%;
  color: #E70012;
  font-weight: bold;
  font-size: 1.2em;
}

.date_1119 a{
    padding: 1rem 0;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 4rem;
    color: #E70012;
    font-weight: bold;
    font-size: 1.6em;
    border: 2px solid #0060ea;
}


.dateBox_1118,.dateBox_1119{
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: space-between;
}

.dateBox_1118 div:first-of-type{
    width: 15%;
    border-right: 2px solid #fff;
    position: relative;
}

.dateBox_1118 div:first-of-type p{
  writing-mode: vertical-rl;
  color: #F8ED15;
  font-size: 2.8em;
  font-family: 'Lalezar', cursive;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.dateBox_1118 div:last-of-type,.dateBox_1119 div:first-of-type{
    width: 75%;
    color: #fff;
    word-break: break-all;
}

.dateBox_1118 div:last-of-type dl,.dateBox_1118 div:last-of-type dd,.dateBox_1119 div:first-of-type dl,.dateBox_1119 div:first-of-type dd {
  margin: 0 auto;
}

.dateBox_1119 div:last-of-type{
  width: 15%;
  border-left: 2px solid #fff;
  position: relative;
}

.dateBox_1119 div:last-of-type p{
  writing-mode: vertical-rl;
  margin: 0;
  color: #F8ED15;
  font-size: 2.8em;
  font-family: 'Lalezar', cursive;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.outlineSection,
.kitchencarSection,
.boothmapSection{
  margin-bottom: 6rem;
}

.outlineSection div,
.kitchencarSection div,
.boothmapSection div{
  width: 90%;
  margin: 0 auto;
  padding: 2rem 0.5rem;
  background: #fff;
  border-radius: 1rem;
}

.outlineSection dl,.outlineSection dd,.kitchencarSection dd,.boothmapSection dd{
  margin: 0 auto;
  overflow:hidden;
}

.outlineSection dl,.kitchencarSection dl,.boothmapSection dl{
  border-bottom: 2px solid #0060ea;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.outlineSection dl p{
  margin: 0 auto;
}

.outlineSection dl:last-of-type{
  margin-bottom: 0;
}

.outlineSection dl dt,.kitchencarSection dl dt,.boothmapSection dl dt{
  text-align: center;
  background: #0060ea;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  color: #fff;
  border-radius: 1rem;
  font-weight: bold;
}

footer{
  background: #fff;
}

footer .footerWrap{
  width: 90%;
  margin: 0 auto;
  padding: 2rem 0;
}

.footerLogo{
  text-align: center;
  margin-bottom: 2rem;
}

.footerLogo img{
  width: 40%;
}

.footerHistory{
  margin-bottom: 2rem;
}

.footerHistory dl{
  margin: 0 auto;
  font-size: 1.2em;
}

.footerHistory dl dt{
  text-align: center;
  margin-bottom: 0.5rem;
}

.footerHistory dl dd{
  margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    align-items: center;
}

.footerHistory dl dd a{
  width: calc(100%/5);
  text-align: center;
  color: #000;
}

.footerLink{
  margin-bottom: 2rem;
}

.footerLink ul{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 60%;
  font-weight: bold;
}

.footerLink ul li{
  width: 50%;
  margin-bottom: 1rem;
}
.footerLink ul li a{
  color: #000;
}

.footerSns{
  text-align: center;
  margin: 3rem 0;
}

.footerSns a img{
  width: 50px;
}

.copyright{
  text-align: center;
}

.footerpcWrap{
  display: none;
}

.pcNav{
  display: none;
}

/* ThanksBox------------------------------------------ */
.thanks2024 {
background-color:#fff;
padding:0;
margin:0 0 30px;
}
div.thanks2024 p {
width:800px;
text-align:center;
margin:0 auto;
padding:3em 0 0;
font-size:1.2rem;
line-height:1.8;
}
div.thanks2024 p span {
font-weight:bold;
}
div.thanks2024 div.thanksinner {
display:flex;
flex-wrap: wrap;
gap: 5px;
padding:0 0 3em;
margin:3em auto;
width:1000px;
}
div.thanks2024 div.thanksinner img {
width:calc(25% - 5px);
height:auto;
}
/* ================ スマホ用 ================ */

@media screen and (max-width: 767px) {
div.thanks2024 p {
width:90%;
}
div.thanks2024 div.thanksinner {
width:90%;
}
}



/* infoPage------------------------------------------ */

.day1pageBg{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #0069B7;
  z-index: -1;
  transform: skewY(10deg);
}

.day2pageBg{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #E70012;
  z-index: -1;
  transform: skewY(-10deg);
}

.samedaypageBg{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #0060ea;
  z-index: -1;
  transform: skewY(10deg);
}

.pageArticle{
  padding: 4rem 0;
}

.ticketPageSection{
  padding: 4rem 0 0;
}

.accessPageSection{
  width: 90%;
  margin: 0 auto 4rem;
  padding: 4rem 0 0;
}

.pageDaySection{
  position: relative;
}

.accessPageWrap{
  width: 90%;
  margin: 0 auto;
}

.dateMenu{
  display: flex;
  justify-content: space-between;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  padding: 1rem 0;
}

.datePage_1118,.datePage_1119{
  width: 48%;
  text-align: center;
}

.link_1118{
  border-bottom: 2px solid #0069B7;
}

.link_1119{
  border-bottom: 2px solid #E70012;
}

.datePage_1118 ul{
  margin: 0 auto 1rem;
  font-weight: bold;
  line-height: 1;
  color: #0069B7;
}

.datePage_1119 ul{
  margin: 0 auto 1rem;
  font-weight: bold;
  line-height: 1;
  color: #E70012;
}

.datePage_1118 ul li:nth-child(1),.datePage_1119 ul li:nth-child(1){
  font-size: 1em;
}

.datePage_1118 ul li:nth-child(3),.datePage_1119 ul li:nth-child(3){
  font-size: 0.8em;
}

.datePage_1118 ul li:nth-child(2),.datePage_1119 ul li:nth-child(2){
  font-size: 2em;
    line-height: initial;
}

.datePage_1118 ul li:nth-child(2) span,.datePage_1119 ul li:nth-child(2) span{
  font-size: 0.6em;
}

#datePage_1118 iframe,#datePage_1119 iframe{
  border-radius: 0.5rem;
}

.atentionbox {
background-color:#fff;
padding:0.5rem;
margin:3rem 0;
}
.atentionbox h3 {
background-color:#1d2088;
color:#fff;
padding:0.5rem;
margin:0 0 0.5rem;
text-align:center;
border-radius:0;
font-size:1.5rem;
}
.atentionbox h3.bg-festival {
background-color:#af1717;
color:#fff;
padding:0.5rem;
margin:0 0 0.5rem;
text-align:center;
border-radius:0;
font-size:1.5rem;
}
.atentionbox h4 {
background-color:#221815;
color:#fff;
padding:0.5rem;
margin:0;
text-align:left;
border-radius:0;
font-size:1.2rem;
}
.atentionbox ul {
  list-style-position: outside;
  padding-left: 0.5em;
}

.atentionbox ul li {
  list-style-type: circle!important;
  margin-left: 0.5em;
}
.atentionbox p {
  position: relative;
  padding-left: 1em;
}
.atentionbox p::before {
  content: "※";
  position: absolute;
  left: 0;
}



.accessPageDay1{
  background: #0069B7;
  padding: 2rem 0;
  position: relative;
  margin: 0 auto 6rem;
  width: 100%;
  box-shadow: 5px 5px #0060ea;
  border-radius: 1rem;
  border: 2px solid #fff;
}

.accessPageDay1 .date_1118{
  margin-bottom: 4rem;
}

.accessPageDay2{
  background: #E70012;
  padding: 2rem 0;
  position: relative;
  margin: 0 auto 6rem;
  width: 100%;
  box-shadow: -5px 5px #0060ea;
  border-radius: 1rem;
  border: 2px solid #fff;
}


#datePage_1118 dl,#datePage_1119 dl{
border-bottom: 2px solid #fff;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
}

#datePage_1118 dl dt,#datePage_1119 dl dt{
  font-weight: bold;
}

#datePage_1118 dl dd a,#datePage_1119 dl dd a{
  color: #fff;
  text-decoration: underline;
}

.accessPageDay2 .date_1119{
  margin-bottom: 4rem;
}

#datePage_1118,#datePage_1119{
  width: 80%;
}

#dayPageBox1 p,#dayPageBox2 p{
  font-size: 2.4em;
}


.ticketBtn_fix{
  background: #0060ea;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 7;
  font-weight: bold;
  color: #fff;
  border: 2px solid #fff;
  opacity: 0;
}

.ticketBtn_fix span{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 60px;
}

.ticketBtn_fix span img{
  width: 40px;
  transform: rotate(-15deg);
}

.ticketBtn_fix span p{
  text-align: center;
  margin: 0 auto;
}


/* ticket-------------------------------------------------- */


.ticketPageSection{
  width: 90%;
  margin: 0 auto 2rem;
}

.ticketDate,.pamphletTitle,.live_giftingTitle{
  width: 90%;
  margin: 0 auto 2rem;
}

.ticketMenu a:first-of-type{
  padding: 1rem 0;
  border: 2px solid #E70012;
  border-radius: 4rem;
  text-align: center;
  display: block;
  margin-bottom: 2rem;
  font-weight: bold;
  color: #E70012;
  font-size: 1.2rem;
}

.ticketMenu a:last-of-type{
  padding: 1rem 0;
  border: 2px solid #008000;
  border-radius: 4rem;
  text-align: center;
  display: block;
  margin-bottom: 2rem;
  font-weight: bold;
  color: #008000;
  font-size: 1.2rem;
}

.datePage_1119_ticket{
  width: 100%;
}

.datePage_1119_ticket ul{
  margin: 0 auto 1rem;
  font-weight: bold;
  line-height: 1;
  color: #E70012;
  text-align: center;
}

.datePage_1119_ticket ul li:nth-child(1){
  font-size: 1.6em;
}

.datePage_1119_ticket ul li:nth-child(2){
  font-size: 2.6em;
  margin-bottom: 0.5rem;
}

.datePage_1119_ticket ul li:nth-child(3){
  font-size: 1.2em;
}

.datePage_1119_ticket p{
  margin: 0 auto;
  text-align: center;
  background: #E70012;
  font-size: 1rem;
  width: 80%;
  padding: 1rem 0;
  border-radius: 4rem;
  color: #fff;
  font-weight: bold;
}

.ticketWrap{
  width: 90%;
  margin: 0 auto;
}

.ticketWrap table tr{
  background: #fff;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  display: block;
  border: 2px solid #000;
  text-align: center;
}

.ticketWrap table th,.ticketWrap table td{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.08rem;
}

.ticketWrap table th{
  background: #000;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 1rem;
}

.ticketWrap table td p{
  margin: 0 auto;
}

.ticketWrap table td p:first-of-type{
  border-bottom: 1px solid #000;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.ticketWrap table td:last-of-type{
  border-bottom: none;
}

.live_giftingWrap{
  width: 90%;
  margin: 0 auto;
}

.pamphletWrap{
  width: 90%;
  margin: 0 auto;
}

.pamphletWrap table{
  margin-bottom: 4rem;
}

.pamphletWrap table tr{
  background: #fff;
  /* border-radius: 0.5rem; */
  margin-bottom: 0;
  display: block;
  border: 2px solid #000;
  text-align: center;
}

.pamphletWrap table tr:first-of-type{
  border-radius: 0.5rem 0.5rem 0 0;
}

.pamphletWrap table tr:last-of-type{
  border-radius: 0 0 0.5rem 0.5rem;
}

.pamphletWrap table th,.pamphletWrap table td{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.08rem;
}

.pamphletWrap table th{
  background: #000;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 1rem;
  border: none;
}

.pamphletWrap table td p{
  margin: 0 auto;
}

.pamphletWrap table td p:first-of-type{
  position: relative;
  display: inline-block;
}

.pamphletWrap table td p:first-of-type::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #f00;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: rotate(-10deg);
}

.pamphletWrap table.nw-tBox td p:first-of-type::before{
  content: none;
}

.pamphletWrap table td p:last-of-type{
font-size: 1.4rem;
}

.pamphletWrap table td:last-of-type{
  border-bottom: none;
}

.pamphletWrap table tr:first-of-type td p:last-of-type{
  font-weight: bold;
  color: #f00;
}

.pamphletWrap table tr:last-of-type td{
  font-size: 1.4rem;
}



.underText{
  text-align: center;
  color: #f00;
  font-weight: bold;
  margin: 0 auto;
  margin-bottom: 4rem;
  font-size: 1.4em;
}

.tipBox,.tipBox2{
  background: #fff;
  border-radius: 0.5rem;
  margin-bottom: 4rem;
  border: 2px solid #0069B7;
}

.tipBox p:first-of-type{
  margin: 0 auto;
  text-align: center;
  padding: 1rem 0;
  background: #0069B7;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.tipBox p:last-of-type{
  margin: 0 auto;
  padding: 1rem 0.5rem;
  font-size: 1.08rem;
}

.ticketBtn{
  margin: 0 auto;
  text-align: center;
  padding: 1.5rem 0;
  border: 2px solid #E70012;
  border-radius: 4rem;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 6rem;
  color: #E70012;
}

.pamphletBtn{
  margin: 0 auto;
  text-align: center;
  padding: 1.5rem 0;
  border: 2px solid #008000;
  border-radius: 4rem;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 6rem;
  color: #008000;
}

.pamphletTitle{
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  padding: 1rem 0;
}

.pamphletTitle p{
  margin: 0 auto;
  text-align: center;
  color: #008000;
  font-size: 1.8em;
  font-weight: bold;
}


.ticketTextBox,.pamphletTextBox,.live_giftingTextBox{
  margin-bottom: 2rem;
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
}

.ticketTextBox{
  border: 2px solid #E70012;
}

.pamphletTextBox{
  border: 2px solid #008000;
}

.live_giftingTextBox {
    border: 2px solid #0069B7;
}

.ticketTextBox p,.pamphletTextBox p,.live_giftingTextBox p{
  margin: 0 auto;
}

.ticketText_title{
  color: #E70012;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem!important;
  border-bottom: 2px solid #E70012;
}

.pamphletText_title{
  color: #008000;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem!important;
  border-bottom: 2px solid #008000;
}

.live_giftingText_title{
  color: #0069B7;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem!important;
  border-bottom: 2px solid #0069B7;
}

.ticketTextBox:nth-of-type(1) p:nth-of-type(2),.ticketTextBox:nth-of-type(2) p:nth-of-type(2),.pamphletTextBox:nth-of-type(1) p:nth-of-type(2),.pamphletTextBox:nth-of-type(2) p:nth-of-type(2),.live_giftingTextBox:nth-of-type(1) p:nth-of-type(2),.live_giftingTextBox:nth-of-type(2) p:nth-of-type(2){
  font-size: 1.08rem;
}

.ticketPage_linkBtn{
  display: block;
  padding: 2rem 0;
  background: #fff;
  border-radius: 4rem;
  text-align: center;
  width: 90%;
  margin: 0 auto 2rem;
  color: #E70012;
  border: 2px solid #E70012;
  font-weight: bold;
  font-size: 1.2rem;
}


/* character------------------------------------------------------ */

.heroSection{
  margin-bottom: 8rem;
}

.slick_hero{
  margin: 0 auto;
}

.slick_hero .slick-slide {
  margin:0 5px;
}

.heroBtn{
  display: block;
  width: 90%;
  border-radius: 4rem;
  padding: 1rem 0;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.4rem;
  color: #0060ea;
  border: 2px solid #0060ea;
  background: #fff;
}

@media (min-width:767px){

  .navSmh{
    display: none;
  }

  .movie_s{
    display: none;
  }

  .movie_pad{
    display: block;
    margin: 0 auto;
  }

  .keySection{
    padding-top: 0;
  }

  
#datePage_1118,#datePage_1119{
  width: 85%;
  font-size: 1.2em;
}

  #dayPageBox1,#dayPageBox2{
    width: 10%;
  }

  #dayPageBox1 p,#dayPageBox2 p{
    font-size: 2.8em;
  }

  
#dayPageBox1 p,#dayPageBox2 p{
  right: auto;
}

.hashtagBox{
  max-width: 1020px;
  margin: 0 auto 6rem;
}





.keyPc{
  display: block;
}

.keySp{
  display: none;
}

.keySection{
  margin-bottom: 0;
}



.pcNav{
  display: block;
  background: #fff;
  height: 80px;
  margin-bottom: 4rem;
}

/*==ナビゲーション全体の設定*/
.pcNav nav{
height: 80px;
background: #fff;
color: #fff;
text-align: center;
max-width: 90%;
margin: 0 auto;
align-items: center;
display: flex;
justify-content: space-between;
}

.pcNav nav img:first-of-type{
width: 120px;
}

/*ナビゲーションを横並びに*/
.pcNav nav ul{
list-style: none;
display: flex;
justify-content: right;/*メニューが増えたら「space-between」に変更*/
width: 100%;
}
/*2階層目以降は横並びにしない*/
.pcNav nav ul ul{
display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
.pcNav nav ul li{
position: relative;
float: none;
}

.pcNav nav ul li:last-of-type a img{
width: 30px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}

/*ナビゲーションのリンク設定*/
.pcNav nav ul li a{
display: block;
text-decoration: none;
color: #000;
padding: 0 1rem;
transition: all .3s;
font-family: 'Lalezar', cursive;
font-size: 1.4em;
}

.pcNav nav ul li li a{
padding:10px 35px;
}

.pcNav nav ul li a:hover{
color:#fff; 
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
.pcNav nav ul li.has-child::before{
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(135deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
.pcNav nav li.has-child ul{
  /*絶対配置で位置を指定*/
position: absolute;
left:0;
top:62px;
z-index: 4;
  /*形状を指定*/
width:180px;
  /*はじめは非表示*/
visibility: hidden;
opacity: 0;
  /*アニメーション設定*/
transition: all .3s;
}

/*hoverしたら表示*/
.pcNav nav li.has-child:hover > ul,
.pcNav nav li.has-child ul li:hover > ul,
.pcNav nav li.has-child:active > ul,
.pcNav nav li.has-child ul li:active > ul{
visibility: visible;
opacity: 1;
}

/*ナビゲーションaタグの形状*/
.pcNav nav li.has-child ul li a{
border-bottom: solid 2px #000;
padding: 0.5rem;
line-height: 1.5;
color: #000;
font-size: 1em;
background: #ffffffcc;
}

.pcNav nav li.has-child ul li:first-of-type a{
border-bottom: solid 2px #0069B7;
padding: 0.5rem;
line-height: 1.5;
color: #0069B7;
font-size: 1em;
background: #ffffffcc;
}

.pcNav nav li.has-child ul li:nth-child(2) a{
border-bottom: 2px solid #E70012;
color: #E70012;
line-height: 1.5;
font-size: 1em;
background: #ffffffcc;
}

.pcNav nav li.has-child ul li a:hover,
.pcNav nav li.has-child ul li a:active{
background:#3577CA;
}


.placeImg{
  display: flex;
  justify-content: space-between;
}

.placeImg a{
  width: 48%;
}

.newsArea{
  display: flex;
  justify-content: space-between;
}

.twitterBox_pc{
  display: block;
}

.twitterBox_s{
  display: none;
}

.newsBox,.twitterBox_pc{
  /* width: 48%; */
  width: 100%;
}

.newsBox{
  /* height: 400px; */
  height: 340px;
}

.infoWrap{
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.infoWrap{
  max-width: 1400px;
}

.day1Wrap,.day2Wrap{
  width: 48%;
}


/* ticket-------------------------------------- */

.ticketMenu{
  display: flex;
  justify-content: space-between;
}

.ticketMenu a{
  width: 48%;
}

.datePage_1119_ticket p{
  width: 50%;
}

.ticketWrap table th,.ticketWrap table td,.pamphletWrap table th,.pamphletWrap table td{
  font-size: 1.2rem;
}

.ticketWrap table th,.pamphletWrap table th{
  font-size: 1.4rem;
}

.ticketText_title,.pamphletText_title,.live_giftingText_title{
  font-size: 1.4rem;
}

.ticketTextBox:nth-of-type(1) p:nth-of-type(2),
.ticketTextBox:nth-of-type(2) p:nth-of-type(2),
.pamphletTextBox:nth-of-type(1) p:nth-of-type(2),
.pamphletTextBox:nth-of-type(2) p:nth-of-type(2),
.live_giftingTextBox:nth-of-type(1) p:nth-of-type(2),
.live_giftingTextBox:nth-of-type(2) p:nth-of-type(2){
  font-size: 1.2rem;
}

.ticketPage_linkBtn{
width: 600px;
}

}



@media (min-width:1020px){


  .pcNav{
    display: block;
    background: #fff;
    height: 120px;
    margin-bottom: 4rem;
  }
  
  /*==ナビゲーション全体の設定*/
  .pcNav nav{
  height: 120px;
  max-width: 80%;
  }
  
  .pcNav nav img:first-of-type{
  width: 200px;
  }
  
  /*ナビゲーションを横並びに*/
  .pcNav nav ul{
  width: 750px;
  }

  .pcNav nav ul li:last-of-type a img{
    width: 50px;
  }


  .movie_pc{
    display: block;
    margin: 0 auto;
  }

  .movie_pad{
    display: none;
  }

  .placeImg{
    max-width: 1020px;
  }

  .newsArea{
    max-width: 1020px;
  }

  .date_1118,.date_1119{
    max-width: 1020px;
    margin: 0 auto;
  }

  .dateBox_1118,.dateBox_1119{
    max-width: 1020px;
  }

  .date_1118 ul li:nth-child(1),.date_1119 ul li:nth-child(1),.date_1118 ul li:nth-child(3),.date_1119 ul li:nth-child(3){
    font-size: 1.6em;
    }
    
    .date_1118 ul li:nth-child(2),.date_1119 ul li:nth-child(2){
      font-size: 3.4em;
      line-height: initial;
    }

  .dateBox_1118 div:first-of-type p{
    margin: 0 0 0 auto;
  }

  .dateBox_1118 div:last-of-type p{
    left: auto;
  }

  .dateBox_1119 div:last-of-type p{
    right: auto;
  }

  .outlineSection div,
  .kitchencarSection div,
  .boothmapSection div{
    max-width: 1020px;
    padding: 4rem;
  }

  footer .footerWrap{
    padding: 4rem 0;
  }

  .footerLogo{
    display: none;
  }

  .footerHistory{
    max-width: 1020px;
    margin: 0 auto 4rem;
  }

  .footerLink{
    display: none;
  }



  .footerpcWrap{
    width: 1020px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footerLogo_pc{
    width: 20%;
  }

  .footerLink_pc{
    width: 80%;
  }

  .footerLink_pc ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }

  .footerLink_pc ul li{
    width: 16%;
    text-align: center;
  }

  .footerLink_pc ul li a{
    color: #000;
  }

  .footerLink_pc ul li a img{
    width: 20%;
    padding: 1rem 0;
  }


  .ticketBtn_fix{
    width: 120px;
    height: 120px;
    border: 4px solid #fff;
    bottom: 40px;
    right: 40px;
  }

  .ticketBtn_fix span{
    height: 90px;
  }

  .ticketBtn_fix span img{
    width: 50px;
  }

  .ticketBtn_fix span p{
    font-size: 1.2em;
  }


  /* infopage------------------------------- */

  .accessPageSection{
    max-width: 980px;
    margin: 0 auto 6rem;
  }
  
  #infoDay1Wrap,#infoDay2Wrap{
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
  }
  
  /* ticket--------------------------------- */

  .ticketPageSection{
    max-width: 980px;
  }

  .ticketDate,.pamphletTitle,.live_giftingTitle{
    max-width: 980px;
    margin: 0 auto 4rem;
  }

  .ticketWrap table{
    max-width: 980px;
    margin: 0 auto;
  }

  .ticketWrap table th,.ticketWrap table td{
    display: table-cell;
  }

  .ticketWrap table th{
    width: 220px;
    border-bottom: none;
  }

  .ticketWrap table td{
    width: 380px;
    padding: 2rem;
  }

  .ticketWrap table td:first-of-type{
    border-right: 2px solid #000;
  }

  .ticketWrap table td{
    border-bottom: none;
  }

  .tipBox,.tipBox2{
    max-width: 980px;
    margin: 0 auto 4rem;
  }

  .ticketBtn,.pamphletBtn{
    max-width: 600px;
  }

  .datePage_1119_ticket p{
    width: 280px;
  }

  .pamphletWrap table{
    max-width: 980px;
    margin: 0 auto 4rem;
    border: 2px solid #000;
  }

  .pamphletWrap table tr{
    width: calc(980px / 3);
    display: table-cell;
    border: none;
  }

  .pamphletWrap table tr:last-of-type{
    position: relative;
  }

  .pamphletWrap table tr:last-of-type th{
    position: absolute;
    top: 0;
  }

  .pamphletWrap table tr:last-of-type td{
    position: absolute;
  }

  .pamphletWrap table tr:first-of-type{
    border-radius: 0.5rem 0 0 0.5rem;
  }

  .pamphletWrap table tr:last-of-type{
    border-radius: 0 0.5rem 0.5rem 0;
  }

  .pamphletWrap table tr:first-of-type th,.pamphletWrap table tr:nth-of-type(2) th{
    border-right: 2px solid #fff;
  }

  .pamphletWrap table tr:first-of-type td,.pamphletWrap table tr:nth-of-type(2) td{
    border-right: 2px solid #000;
  }

  .ticketWrap,.pamphletWrap,.live_giftingWrap{
    max-width: 980px;
  }

  /* character--------------------------------------- */

  .heroSection {
    margin-bottom: 12rem;
}

  .slick_hero {
    margin: 0 auto 2rem;
}

  .heroBtn{
    max-width: 1020px;
    border: 4px solid #0060ea;
  }

}

  /* トップ協賛企業バナーエリア--------------------------------------- */
  .bnrbox-fx {
    display: flex;
    flex-wrap: wrap; /* 複数行にラップできるようにする */
    align-items: center;
    gap: 0.5em;
    padding:1em!important;
}

.bnrbox-fx a {
    flex: 1 1 calc(25% - 0.5em); /* PC表示で1行に4つ並べる */
    max-width: calc(25% - 0.5em); /* 各リンクの最大幅を25%に設定 */
    display: block; /* <a>タグをブロック要素にして、画像を収める */
}

.bnrbox-fx img {
    width: 100%; /* 画像の幅を親要素に合わせる */
    height: auto; /* 高さを自動調整 */
}

@media screen and (max-width: 768px) {
    .bnrbox-fx a {
        flex: 1 1 calc(50% - 0.5em); /* スマホ表示で1行に2つ並べる */
        max-width: calc(50% - 0.5em); /* 各リンクの最大幅を50%に設定 */
    }
}