@charset "utf-8";

/****** 下層ページはヘッダー固定 ******/
.header{
  top: 0;
}

/****　ここからh1　****/

.title_wrap{
  background: url(../images/event/mainvisual_event.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
.event_lead{
  /* padding-bottom: 20px; */
  font-size: 20px;
  margin: -30px auto 80px;
  text-align: center;
  line-height: 2;
}

/***　イベントページのセクション共通　***/
h2{
  width: 504px;
}
.event_flex{
  display: flex;
}
.flex_reverse{
  flex-direction: row-reverse;
}
.event_flex .pic{
  width: 65%;
  align-self: center;
}
.event_flex .pic img{
  width: 100%;
}
.event_textWrap{
  width: calc(100% - 65% - 48px);
  align-self: center;
}
.event_textWrap p{
  padding-bottom: 50px;
}
/*** イベントページのセクション共通ここまで　***/

/***　ミュージックライブセクション　****/
.music_wrap .pic{
  margin-right: auto;
}

/***　おはなし会セクション　***/
.talk_wrap .pic{
  margin-left: auto;
}

/***　レンタル情報セクション　***/
.rental_text{
  margin-bottom: 80px;
  text-align: center;
}
/***　レンタル情報セクション下の装飾　***/
.pattern06::before{
  background-image: url(../images/deco/flower_02.png);
}


/****** ここから メディアクエリ ******
*********************************/
@media screen and (max-width:1100px){
    /*セクション共通*/
    .event_flex{
      display: block;
    }
  .event_flex .pic{
    width: 80%;
    margin: 0 auto 50px;
  }
  .event_textWrap{
    width: 80%;
    margin: 0 auto;
    align-self: center;
  }
}/*1100px*/



@media screen and (max-width:900px){
  .title_wrap{
    background-image: url(../images/event/mainvisual_event\ _min.png);
  }

  .event_lead{
    width: 80%;
    font-size: 18px;
  }
  

  h2{
    width: 336px;
  }

  .rental_text{
    width: 80%;
    margin: 0 auto 50px;
  }
}/*900px*/



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

  h2{
    width: 266px;
    font-size: 26px;
  }

  .event_lead{
    font-size: 16px;
    margin-bottom: 60px;
  }

  .rental_text{
    text-align: start;
  }
}/*480px*/