/* ////////////////////////////////
header
//////////////////////////////// */

.header-global-nav__list li a{
  font-size: 1.3rem;
}

/* ////////////////////////////////
ABOUT
//////////////////////////////// */

#home .list-about__text small{
  font-size: 1.6rem;
}

/* ////////////////////////////////
LIVE ACT
//////////////////////////////// */

#home .info-liveact{
  width: 90%;
  text-align: center;
  margin:0 auto 5rem;
  padding: 5rem 0 3rem 0;
  color: #000000;
  background-color: #ffffff;
  border-radius: 1rem;
  border: 1px solid #f8e7eb;
}

#home .info-liveact p.txt-info-liveact{
  margin:0 0 2rem 0;
}

#home .info-liveact__heading{
  font-size: 2rem;
  font-weight: bold;
  color: #db274b;
  margin:0 0 1rem 0;
}

#home .list-liveact__item.is-cancel .list-liveact__image:before {
    display: block;
    position: absolute;
    z-index: 9;
    content: "";
    background: url(../img/artists/icn_cancel.png?20220203) no-repeat center center;
    background-size: cover;
    bottom: 0;
    left: 0;
    width: 10rem;
    height: 3.8rem;
    animation: tenmetsu 1.5s ease-out infinite;
}


/* ////////////////////////////////
TIMETABLE
//////////////////////////////// */

#notice .content-timetable{
  background:#fff;
  width:100%;
  max-width:96rem;
  margin-left:auto;
  margin-right:auto;
  max-width:100rem;
  padding:4.7rem 10rem;
  border-radius:1rem;
  border:1px solid #f8e7eb
}

#notice .content-timetable img{
  display:block;
  width:100%;
}

/* ////////////////////////////////
TICKETS
//////////////////////////////// */
#tickets .content-tickets-date{
  margin-top: 1rem;
}

#tickets .content-tickets-date__data{
  font-size: 2.4rem;
}

.list-button-tickets__logo--eplus{
  width:11.2rem;
  height:1.6rem
}

.list-button-tickets__logo--ltike{
  width:9.2rem;
  height:3.6rem
}

#tickets .list-button-tickets__item_add:nth-of-type(1) a:before{
  background-color: #E85298;
}

#tickets .list-button-tickets__item_add:nth-of-type(2) a:before{
  background-color: #056DB0;
}

/* ////////////////////////////////
GOODS
//////////////////////////////// */
#goods .section__body{
  font-size: 2rem;
  text-align: center;
  vertical-align: middle;
}

#goods .text-goods{
  margin-top: 2rem;
}

#goods .text-goods-bold{
  font-weight: bold;
}

#goods .text-goods-headling{
  display: inline-block;
  background-color: #000000;
  color:#ffffff;
  padding:0 10px 2px;
  margin-right:8px;
  border-radius: 5px;
  font-size: 1.6rem !important;
}

#goods .text-goods span{
  font-size: 1.5rem;
  font-weight: normal;
}

#goods .button-goods{
  font-size: 2rem;
}

#goods .detail-goods__notes{
  font-size: 1.2rem;
}


@media screen and (max-width:768px){

  /* ////////////////////////////////
  header
  //////////////////////////////// */

  .header-global-nav__list li a{
    font-size: 3.6rem;
  }

  /* ////////////////////////////////
  ABOUT
  //////////////////////////////// */

  #home .list-about__text small{
    font-size: 2rem;
  }

  /* ////////////////////////////////
  LIVE ACT
  //////////////////////////////// */

  #home .info-liveact{
    width: 100%;
    text-align: left;
    margin:0 0 5rem 0;
    padding: 5rem 3rem 3rem;
    color: #000000;
    background-color: #ffffff;
    border-radius: 1rem;
    border: 1px solid #f8e7eb;
    font-size: 2.4rem;
  }

  #home .info-liveact p.txt-info-liveact{
    margin:0 0 2rem 0;
  }

  #home .info-liveact__heading{
    font-size: 2.8rem;
    font-weight: bold;
    color: #db274b;
    margin:0 0 1rem 0;
  }

  #home .list-liveact__item.is-cancel .list-liveact__image:before {
      width: 13rem;
      height: 5.3rem;
  }


  /* ////////////////////////////////
  TIMETABLE
  //////////////////////////////// */

  #notice .content-timetable{
  padding:2rem;
  }

  #notice .content-timetable img{
    display:block;
    width:100%;
  }

  /* ////////////////////////////////
  TICKETS
  //////////////////////////////// */

  #tickets .content-tickets-date__data{
    font-size: 3.2rem;
    text-align: center;
  }

  #tickets .list-button-tickets__logo--eplus{
  width:25.5rem;
  height:4.3rem
  }

  #tickets .list-button-tickets__logo--ltike{
  width:15.5rem;
  height:6.3rem;
  }

  /* ////////////////////////////////
  GOODS
  //////////////////////////////// */

  #goods .section__body{
    font-size: 2.8rem;
    text-align: left;
  }

  #goods .text-goods{
    margin-top: 2.5rem;
  }

  #goods .text-goods-headling{
    width:30%;
    display: inline-block;
    background-color: #000000;
    color:#ffffff;
    margin-right:8px;
    border-radius: 5px;
    font-size: 2.2rem !important;
    text-align: center;
  }


  #goods .text-goods span{
    font-size: 2.4rem;
  }

  #goods .button-goods{
  font-size: 2.3rem;
  }

  #goods .button-goods a:after {
    position: absolute;
    top: calc(50% - 0.7rem);
    right: 3rem;
    width: 3.2rem;
    height: 1.1rem;
  }

  #goods .modal__close span{
    color:#000000;
  }

  #goods .detail-goods__notes{
    font-size: 2rem;
  }

}