@charset "utf-8";
@import url("present.css");
@import url('../../../module/lity.min.css');
@import url('https://fonts.googleapis.com/css?family=Muli');


.forPc{
  display: none;
}
.contentArea img{
  max-width: 100% !important;
  height: auto;
  vertical-align: bottom;
}
figure.photo{
  margin: .75rem;
  text-align: center;
}
figure.right{
  float: right;
}
figure.left{
  float: left;
}
.toggle+div{
  display: none;
}

.titleArea h1{
  margin-bottom: 0;
}
.synopsis{
/*
  background: linear-gradient( to bottom, #D9F0FF 0% , #F8FCFF 100%);
*/
  border: 3px solid rgba(184,196,140,.3);
  margin: .75rem .75rem 1.5rem;
  overflow: hidden;
}

.synopsis .title{
  font-size: .8em;
  text-align: center;
  font-weight: 700;
}
.readMore{
  text-align: center;
}
.readMore span{
  background: rgba(184,196,140,.3);
  border-radius: 1rem;
  font-size: .8em;
  padding: .25rem .5rem;  
}
.readMore.active{
  display: none;
}
.synopsis .toggle+div>p:first-of-type{
  margin-top: 0;
}


.profileArea{
  background:url("../../../../img/page/LP/present/p2023_imase/bg_neon.jpg") left top / 100% ;/*linear-gradient( to bottom , #000 0%, #666 100%)*/;
}
.profileArea h2{
  background: rgba(0,0,0,1);
  color: #fff;
  padding: 1rem .75rem;
  font-size: 1.5em;
  font-family: 'Muli', sans-serif;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.profileArea>div{
  overflow: hidden;
}
.profileArea p{
  color: #fff;
  line-height: 1.5;
  margin: .75rem 3rem;
}
.profileArea p.imgWrap{
  text-align: center;
}
.profileArea p.credit{
  color: #ed206f;
  font-size: .65em;
}
.officialLink,
.snsLink{
  margin: 1rem;
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.officialLink li+li{
  margin-top: .5rem;
}
.officialLink a{
  background: #FBA1FB;
  border-radius: 2rem;
  color: #000;
  display: inline-block;
  font-weight: bold;
  font-size: .9em;
  padding: .25rem 1rem;
  filter: drop-shadow(0px 0px 4px #FBA1FB);
}
.snsLink{

  display: flex;
  justify-content: space-evenly;  
  padding: .5rem;
}
.snsLink img{
  width: 40px;
  height: 40px;
}

p.question{
  font-weight: bold;
}
p.question:before{
  content: "―";
}
.gokkin,
.ushimaru{
  background: #8f6758;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  padding: .2em 0;
  text-align: center;
  margin-right: .25em;
  width: 5em;
}


.prArea{
  clear: both;
  margin: .5rem;
}
.prArea aside h1{
  margin: 1rem .75rem 0 ;
  line-height: 1.3;
}
/*.prArea aside h1 span{
  display: block;
}*/
.prArea aside h1 span.sub{
  line-height: 1.3;
  text-align: left;
}
.prArea aside h1 span.main{
  color: #281e1c;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
}
.prArea aside p{
  line-height: 1.5;
}

.prArea .music{
  background-color: #faf476;
  overflow: hidden;
}
.prArea .music h1{
  color: rgba(21,15,12,1);
  font-size: 1.3em;
  padding-top: 1rem;
  filter: drop-shadow(0 0 2px rgba(255,255,255, .8));
}
.prArea .music h1 .date{
  font-size: .8em;
}
.prArea .music .trackList{
  background: rgba(255,255,255, .5);
  margin: 1rem;
  padding: 1px;
}
.prArea .music .jacket{
  margin: .5em 0;
}
.prArea .music .exp{
  color: rgba(255,255,255, .8);
}


.prArea .info{
  font-size: .8em;
}
.prArea .liveInfo{
  background: url("../../../../img/page/LP/present/p2023_imase/bg_cube.jpg") left top / 100% no-repeat,
    #faf476;
  overflow: hidden;
}
.prArea .liveInfo h1{
  color: #FBA1FB;
  font-size: 2em;
  margin: .5em;
  text-align: center;
  filter: drop-shadow( 0px 0px 6px #fff);
}
.prArea .liveInfo h1 .subTitle{
  font-size: .7em;
  letter-spacing: -1px;
}
.prArea .liveInfo h2{
  font-size: 1.2em;
  margin: .75rem;
}
.prArea .liveInfo table{
  border-width: 5px 0;
  border-style: solid;
  border-color: #fff;
  border-collapse: collapse;
  font-size: .9em;
  margin: .75rem .5rem;
  width: calc( 100% - 1rem );
}
.prArea .liveInfo table th,
.prArea .liveInfo table td{
  border-bottom: 1px solid #fff;
  padding: .5em .1em;
}
.prArea .liveInfo table th{
  font-weight: 400;
  white-space: nowrap;
}
.prArea .liveInfo .qr{
  text-align: center;
  margin: 1em 1em 2em;
}
.prArea:not(.forPc) .music{
  margin-top: 10px;
}
.prArea .music h1{
  font-weight: bold;
  font-size: 1.5em;
  margin: 1em 0;
  text-align: center;
}
.liveInfo>div{
  color: #fff;
  background: #333;
  border-radius: 2em;
  padding: 1rem;
  margin: 1rem;
}
/*.prArea .music h1 span{
  padding: 1rem;
}*/
.preRelease{
  color: #cc0000;
  font-size: .8em;
}

a.buyInternet{
  display: block;
  background: #bc9f0d;
  border-radius: 2rem;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  padding: .5rem;
}
.youTubeLink{
  display: inline-block;
  padding: .25em 1em;
  border: 1px solid #333;
  border-radius: 2rem;
  line-height: 1;
  margin: 0 0 .75rem;
  font-size: .9em;
  font-weight: 500;
}
.doubleWrap .youTubeLink{
  margin-top: .5rem;
  }