@charset "UTF-8";
@import url("sp-under.css");
/* CSS Document */
@media(max-width:1020px){


}
@media(max-width:768px){
  
  /*index info*/
  .index-info-blc{
    grid-template-columns: 100%;
  }
  .box-banner-area .item-sticky{
    position: relative;
    top: 0;
  }
  
  /*footer 
  ++++++++++++++++++++++++++++++++++*/
  footer{
    position: absolute;
  }
}
@media(max-width:600px){
  
  /*header 
  +++++++++++++++++++++++++++++*/
  
  .h-navigation{
    display: none;
  }
  /*sec fanclub*/
  .fanclub-contents-list
  ,.plan-list{
    grid-template-columns: 1fr;
  }
  
  
}
@media(max-width:480px){
  #firstLottie{
    top: auto!important;
    left: auto!important;
  }
  
  /*hero
  ++++++++++++++++++++++++++++++++++*/
  #hero.index-hero{
    height: auto;
    aspect-ratio:1/1.4795;
  }

  .en-hero{
    width: 100%;
    text-align: center;
    left: 50%;
    top: auto;
    bottom: 2.25em;
    translate:-50% 0;
    font-size: clamp(24px, 19cqw, 12vw);
  }
  .deco-text{
    text-align: center;
    right: auto;
    left: 50%;
    translate:-50% 0;
  }
  .hero-more{
    display: none; 
  }
  
  .box-index-links .sec-title{
    text-align: left;
  }
  
  .box-fanclub_intro .lead-text{
    text-align: left;
  }
  .box-index-links .link-list
  ,.box-index-links .link-list.sns{
    grid-template-columns: 1fr;
  }

  /*footer 
  ++++++++++++++++++++++++++++++++++*/
  
  footer{
    padding-top: min(50px,12vw);
  }
  .footer-inner{
    grid-template-columns: min(300px,100%);
    justify-content: center;
    gap:min(50px,12vw);
  }
  .foot-nav{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:5px;
  }
  .foot-nav > li{
    width: 100%;
  }
  .foot-nav > li a{
    display: grid;
    place-content:center;
    height: min(45px,10vw);
    background-color: #121212;
  }
  footer .copy{
    text-align: center;
  }
  
}