@charset "utf-8";

.fixed-banner {
  position: fixed;
  bottom: 10px;   /* 下から20px */
  right: auto;    /* 右から20px */
  z-index: 9999;  /* 最前面に表示 */
  opacity: 1;
  transition: opacity .5s ease; /* ふわっとアニメーション */
  display: flex;
}
.fixed-banner a{
  margin:0 10px 0px 10px;
  display: block;
}
.fixed-banner a:nth-of-type(1){
  margin:0 0 0px 10px;
  display: block;
}

.fixed-banner.hidden {
  display: flex;
  opacity: 0; 
  pointer-events: none; /* 非表示時はクリックできないように */
}

.fixed-banner img {
  width: 250px;   /* バナーの横幅を調整 */
  height: auto;   /* アスペクト比を保持 */
}
@media (min-width: 500px){
  .fixed-banner{
    right: 10px;    /* 右から20px */
    display: block;
  }
  .fixed-banner a{
    margin:0 0 0px 0;
  }
  .fixed-banner a:nth-of-type(1){
    margin:0 0 10px 0;
  }
  .fixed-banner.hidden {
    display: block;
  }
}


main{
  overflow: hidden;
}

section#mainfv{
  position: relative;
  padding: 0 0 0 0;
}
section#mainfv .mv_txt{
  position: unset;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  border-radius: 16px;
}
section#mainfv .mv_txt h2{
  font-size: 1.3rem;
}
section#mainfv .mv_txt h2 span{
  
}
section#mainfv .mv_txt p{
  font-size: .8rem;
  font-weight: bold;
}


ul.dot-lists li::before{
  top: 6px;
}
ul.dot-lists li::after{
  left: 3px;
  top: 9px;
}
ul.dot-lists.cyan li::after{
  background-color: rgb(1 181 169 / var(--tw-bg-opacity, 1));
}

section#video.section-wrap{
  padding: 0 0 56px 0;
}
section#video .container-wrap{
  
}
section#video .container-wrap video{
  width:100%;
  filter: drop-shadow(0px 0px rgba(0,0,0,0));
  outline: none;
  border: none;
}

.bg-char{
  position: relative;
}
.bg-char .bg-char02{
  position: absolute;
  bottom: 0;
  right:0;
  width: 15%;
  min-width: 130px;
}
/* .bg-char p{
  padding-bottom: 100px;
} */
.event-wrap{
  position: relative;
}
.event-wrap .bg-char03{
  position: absolute;
    top: -113px;
    right: 0;
  width: 15%;
  min-width: 130px;
  display: block;
}
.event-wrap .bg-char04{
position: absolute;
    top: 0;
    right: -210px;
    display: none;
    width: 200px;
}
.event-wrap .bg-char05{
position: absolute;
width: 500px;
    top: 49.1%;
    right: -275px;
    display: none;
}

.event-card__thumb.w-large{
  width: 100%;
}
.event-card__thumb > span{
  display: block;
  text-align: right;
  font-size: 8px;
}

@media (min-width: 768px) {

  section#mainfv{
    padding: 0 0 150px 0;
  }

  section#mainfv .mv_txt{
    position: absolute;
    top: 57%;
    left: 33%;
    width: 64%;
  }
  ul.dot-lists li::after{
    left: 4px;
    top: 10px;
  }
  section#mainfv .mv_txt p{
    font-size: 1rem;
  }
  .event-wrap .bg-char03{
    top: 0;
    right:-200px;
    display: none;
  }
.event-wrap .bg-char04{
  display: none;
}
.event-wrap .bg-char05{
  display: block;
}


section#video.section-wrap{
  padding: 0 0 100px 0;
}

}

@media (min-width: 1200px) {

  section#mainfv{
    padding: 0 0 0 0;
  }

  section#mainfv .mv_txt{
    position: absolute;
    top: 62%;
    left: 50%;
    width: 46%;
  }

  .bg-char p{
    padding-bottom: 0px;
  }

}




section#sponsor{

}
section#sponsor .container-wrap{
  
}
section#sponsor .container-wrap ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
section#sponsor .container-wrap ul li{
  padding: 0 10px;
  margin: 0 0 20px 0;
}
section#sponsor .container-wrap ul.spo03 li{
  width: 50%;
}
section#sponsor .container-wrap ul.spo04 li{
  width: 45%;
}
section#sponsor .container-wrap ul.spo05 li{
  width: 40%;
}
section#sponsor .container-wrap ul.spo06 li{
  width: 33%;
}
section#sponsor .container-wrap ul li img{
  
}
@media (min-width: 600px){
  section#sponsor .container-wrap ul.spo03 li{
    width: auto;
  }
  section#sponsor .container-wrap ul.spo04 li{
    width: auto;
  }
  section#sponsor .container-wrap ul.spo05 li{
    width: auto;
  }
  section#sponsor .container-wrap ul.spo06 li{
    width: auto;
  }
}




.newspage-ttl{
  background: #ECAF02;
  margin: 64px 0 0 0;
  padding: 20px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.newspage-ttl span{
  position: absolute;
  font-size: 11px;
  bottom: 10px;
  right: 10px;
}
.newspage-wrap{

}
.newspage-wrap .inner{
  padding: 3rem 20px;
  box-sizing: border-box;
  max-width: 900px;
  margin: 0 auto;
  min-height: calc(100vh - 357px);
}
.newspage-wrap .inner .ttl h2{
  border-bottom: solid 2px #ECAF02;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  font-weight: bold;
}
.newspage-wrap .inner a{
  text-decoration: underline;
  color: #ECAF02;
}
.newspage-wrap .inner .home-btn{

}
.newspage-wrap .inner .home-btn a{
  border: solid 2px #ECAF02;
  display: block;
  padding: 10px 20px;
  border-radius: 50px;
  max-width: 200px;
  text-align: center;
  margin: 3rem auto 0;
  color: #ECAF02;
  font-weight: bold;
  text-decoration: none;
}

@media (min-width: 1020px) {
  .newspage-ttl{
    margin: 80px 0 0 0;
  }
}



.newspage-wrap .inner .shop-list-ttl{
  text-align: center;
  margin: 0 0 2rem 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.newspage-wrap .inner .shop-list{
  background: #eee;
  padding: 20px;
  border-radius: 16px;
  margin: 0 0 3rem 0;
}
.newspage-wrap .inner .shop-list ul{
  display: flex;
  flex-wrap: wrap;
}
.newspage-wrap .inner .shop-list ul li{
  width: 100%;
  margin: 0 0 10px 0;
}
.newspage-wrap .inner .shop-list ul li:nth-of-type(3n){
  width: 100%;
  margin: 0 0 10px 0;
}
.newspage-wrap .inner .shop-list ul li a{
  text-decoration: none;
  color: #000;
}
.newspage-wrap .inner .shop-contents{

}
.newspage-wrap .inner .shop-contents .shop-block{
  border: solid 1px #ddd;
  border-radius: 16px;
  margin: 0 0 2rem 0;
  padding: 20px;
  box-sizing: border-box;
}
.newspage-wrap .inner .shop-contents .shop-block .shop-ttl{

}
.newspage-wrap .inner .shop-contents .shop-block .shop-ttl h4{
  border-bottom: solid 2px #ECAF02;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ECAF02;
}
.newspage-wrap .inner .shop-contents .shop-block .shop-wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-img{
  width: 100%;
  margin: 0 0 10px 0;
}
.newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-img img{

}
.newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-txt{
  width: 100%;
}
.newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-txt p{
  font-size: .9rem;
}

@media (min-width: 768px){
  
  .newspage-wrap .inner .shop-list ul li{
    width: 30%;
    margin: 0 5% 10px 0;
  }
  .newspage-wrap .inner .shop-list ul li:nth-of-type(3n){
    width: 30%;
    margin: 0 0 10px 0;
  }
  .newspage-wrap .inner .shop-contents .shop-block .shop-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-img{
    width: 30%;
  }
  .newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-img img{

  }
  .newspage-wrap .inner .shop-contents .shop-block .shop-wrap .shop-txt{
    width: 65%;
  }
}