@charset "UTF-8";
/* CSS Document */
#musicxlive{
width: 100%;
padding: 264px 0 230px;
}
#musicxlive h2{
font-size: 4.2rem;
font-weight: 300;
padding-bottom: 16px;
}
#musicxlive h2{
font-size: 4.2rem;
font-weight: 300;
padding-bottom: 16px;
}
.title{
display: inline-block;
color: #9d874e;
padding: 0 0 60px;
}
.title p{
font-size: 2.2rem;
font-weight: 300;
}
.singer{
width: 118px;
height: 146px;
}
.music-discription{
/*width: 580px;*/
padding: 60px 0 80px;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: .1rem;
}
#musicxlive a{
display: inline-block;
font-size: 2rem;
padding: 12px 36px;
border: #9d874e solid;
}
#musicxlive h3{
margin: 170px 0 32px;
font-size: 4.2rem;
line-height: 1.8;
font-weight: 300;
}
.calender{
width: 970px;
height: 727px;
margin-bottom: 36px;
}
/*アコーディオン*/
.accordion-area{
list-style: none;
width: 100%;
margin:0 auto;
}
.note-open {
cursor: pointer;
font-size:1.6rem;
transition: all .5s ease;
/*border: solid #fff 1px;*/
border-radius: 50px;
padding: 14px 40px; 
background-color: #000;
color: #fff;
}
.note-open:hover{
box-shadow: 7px -7px 10px #9d874e;
color: #9d874e;
opacity: 100;
}
.box {
background: #2E2D2D;
}
.note-flame{
width: 970px;
margin: 46px auto 0;
border: solid #9d874e 2px;
padding: 52px 0 22px;
}
.note-flame::after{
content: "";
width: 100%;
height: 100%;
border: solid #9d874e 4px;
position:absolute;
/*z-index: -5;*/
right: -15px;
bottom: -15px;
z-index: 1;
}
.note-title-pc{
font-size: 1.8rem;
font-weight: 300;
margin: 0 auto;
}
.note{
width: 82%;
padding-top: 32px;
}
.note img{
width: 278px;
height: 268px;
}
.note-text{
width: 480px;
padding-left: 32px;
}
.note-text ul li:nth-child(2){
padding-bottom: 0;
}
.note-list1{
font-size: 2rem;
font-style: italic;
padding-bottom: 12px;
}
.note-list1 span{
border: solid #fff 1px;
padding: 4px 6px;
font-size: 1.6rem;
font-style: normal;
margin-right: 12px;
}
.note-ver{
padding: 8px 0 0 10px;
font-size: 1.8rem;
}
.note-discription{
padding: 0 0 16px 18px;
}
.note-list2{
padding-bottom: 8px;
}
.method{
padding-bottom: 22px;
}

@media(max-width:1200px){
  .calender{
  width: 86%;
	height: 600px;
  }
  .note-title-pc{
  display: none;
  }
  .note-title-sp{
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 auto 0;
  }
  .note-flame{
  width: 82%;
  }
  .note{
  display: block;
  text-align: center;
  }
  .note img{
  text-align: center;
    margin-bottom: 32px;;
  }
  .note-text{
  margin: 0 auto;
  padding: 0;
  }
  .note p{
  text-align: left;  
  }
}

@media(max-width:1000px){
  .note-text{
  }
}
@media(max-width:800px){
  #musicxlive{
  padding-top: 104px;
  }
  #musicxlive h2{
  font-size: 2.6rem;
  padding-bottom: 4px;
  }
  .title{
  padding-bottom: 42px;
  }
  .title p{
  font-size: 1.2rem;
  }
  .music-discription{
  width: 86%;
  padding: 60px 0 50px;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: .05rem;
  text-align: left;
  }
  #musicxlive h3{
  margin: 78px 0 17px;
  font-size: 3rem;
  }
  .singer{
  width: 72px;
  height: 88px;
  }
  .calender{
  height: 360px;
  }
  .note{
  width: 100%;
  }
  .note-text{
  width: 86%;
  }
}
@media(max-width:600px){
  #musicxlive{
  padding-bottom: 130px;
  }
  .note-flame img{
  margin: 24px auto;
  }
  .note-flame{
  border: none;
  width: 100%;
  padding: 24px 0 0;
  margin: 0 auto 0;
  }
  .note-flame::after{
  border: none;
  }
}