@charset "UTF-8";
/* CSS Document */

/*トップ*/
#slider {
width: 100%;
height: 100vh;
}
.top-image-sp{
display: none;
}
/*リード*/
#section_lead{
margin: 330px 0 280px;
}
#section_lead img{
width: 142px;
height: 127px;
padding-bottom: 32px;
}
#section_lead h3{
font-size: 2rem;
}
.text {
  margin-bottom: 150px;
}

/*ミュージック メニュー*/
#musicxlive{
background-image: url("../image/top/musicxlive.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: right;
width: 100%;
max-width: 1440px;
height: 720px;
}
.music-bg{
background-color: hsla(0,0%,0%,0.70);
width: 50%;
height: 720px;
margin: 0 0 0 auto;
}
#musicxlive h2{
font-size: 4.2rem;
font-weight: 300;
padding-bottom: 16px;
}
.music-discription{
font-size: 1.8rem;
line-height: 1.8;
width: 470px;
padding-bottom: 70px;
}
#musicxlive a{
font-size: 2rem;
padding: 12px 20px;
border: #9d874e solid;
}
#menu{
background-image: url("../image/top/menu.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
width: 100%;
max-width: 1440px;
height: 720px;
}
.menu-bg{
background-color: hsla(0,0%,0%,0.70);
width: 50%;
height: 720px;
margin: 0 auto 0 0;
}
#menu h2{
font-size: 4.2rem;
font-weight: 300;
padding-bottom: 16px;
}
.menu-discription{
font-size: 1.8rem;
line-height: 1.8;
width: 470px;
padding-bottom: 200px;
}
#menu a{
font-size: 2rem;
/*color: #A09D77;*/
padding: 12px 20px;
border: #9d874e solid;
} 
.title{
color: #A09D77;
padding: 104px 0 60px;
}
.title p{
font-size: 2.2rem;
font-weight: 300;
}
.bar1 , .bar2{
display: none;
}
.separate1 , .separate2{
display: none;
}
/*インフォ*/
#info{
margin: 20px auto 0;
}
.info-title{
/*color: #A09D77;*/
padding: 144px 0 100px;
}
#info h2{
font-size: 4.2rem;
font-weight: 300;
padding-bottom: 16px;
}
.info-title p{
font-size: 2.2rem;
font-weight: 300;
}
.info-discription{
font-size: 1.8rem;
line-height: 1.8;
letter-spacing: .2rem;
width: 720px;
}
.type{
width: 240px;
font-size: 2rem;
}
.detail{
width: 590px;
}
.detail span{
width: 140px;
}
.info-discription--list{
padding-bottom: 84px;
}
.info-discription a{
color: rgb(210,179,93);
font-style: italic;
font-size: 1.9rem;
/*border-bottom: solid #9d874e;*/
}
.map-link{
font-size: 2rem;
padding: 12px 20px;
border: #9d874e solid;
margin: 42px auto 134px;
} 


@media(max-width:1200px){
  .title{
  padding: 74px 0 46px;
  }
  .music-discription{
  font-size: 1.6rem;
  width: 70%;
  padding-bottom: 60px;
  }
  .menu-discription{
  font-size: 1.6rem;
  width: 60%;
  padding-bottom: 200px;
  }
}


@media(max-width:800px){
/*  リード*/
  #section_lead h3{
  width: 240px;
  font-size: 1.6rem;
  margin: 0 auto;
  }
  /*ミュージック*/
  #musicxlive{
  min-width: 375px;
  height: 235px;
  background-size: cover;
  margin: 120px auto 686px;
  }
  #musicxlive h2{
  font-size: 2.6rem;
  padding-bottom: 4px;
  }
  .music-bg{
  position: absolute;
  top:235px;;
  width: 100%;
  height: 566px;
  background-color: transparent;
  }
  .music-discription{
  font-size: 1.6rem;
  width: 86%;
  padding: 34px 0 60px;
  }
  #musicxlive a{
  font-size: 1.8rem;
  padding: 7px 16px;
  }
/*  メニュー*/
  #menu{
  min-width: 375px;
  height: 235px;
  background-size: cover;
  margin: 120px auto 500px;
  }
  #menu h2{
  font-size: 2.6rem;
  padding-bottom: 4px;
  }
  .menu-bg{
  position: absolute;
  top:235px;;
  width: 100%;
  height: 500px;
  background-color: transparent;
  }
  .menu-discription{
  font-size: 1.6rem;
  width: 86%;
  padding: 34px 0 80px;
  }
  #menu a{
  font-size: 1.8rem;
  padding: 7px 16px;
  }
  .title{
  position: absolute;
  padding: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  top: -320px;
  white-space: nowrap;
  }
  .title p{
  font-size: 1.2rem;
  }
/*インフォ*/
  #info{
  min-width: 375px;
  width: 100%;
  height: auto;
  background-size: cover;
  margin: 0 auto 134px;
  }
  .info-title{
  padding: 0 0 60px;
  }
  #info h2{
  font-size: 2.6rem;
  padding-bottom: 4px;
  }
  .info-title p{
  font-size: 1.2rem;
  }
  .info-discription{
  font-size: 1.5rem;
  letter-spacing: .2rem;
  width: 86%;
  min-width: 322px;
  }
  .type{
  display: block;
  width: 180px;
  font-size: 1.6rem;
  padding-bottom: 4px;
  }
  .detail{
  width: 100%;
  padding-left: 8px;
  }
  .detail span{
  width: 140px;
  }
  .info-discription--list{
  display: block;
  width: 100%;
  padding-bottom: 54px;
  }
  .info-discription a{
/*  color: #a09d77;*/
  font-style: italic;
  font-size: 1.6rem;
/*  border-bottom: solid #A09D77;*/
  }
/*
  .map{
  width: 100vw;
  height: 425px;
  
  }
*/
  .map-link{
  font-size: 1.8rem;
  padding: 7px 16px;
  margin: 42px auto 0px;
  } 
  .separate1{
  display: inline-block;
  font-size: 2.7rem;
  line-height: 1;
  padding-top: 653px;
  margin: 0 auto;
  }
  .separate2{
  display: inline-block;
  font-size: 2.7rem;
  line-height: 1;
  padding-top: 560px;
  margin: 0 auto;
  }
}

@media(max-width:500px){
/*  トップ*/
  #slider{
  display: none;
  }
  .top-image-sp{
  display: block;
  background-image: url("../image/top/counter-sp.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 312px;
  }
/*  リード*/
  #section_lead{
  margin: 0;
  padding: 120px 0 184px;
  }
  #section_lead img{
  width: 70px;
  height: 63px;
  padding-bottom: 28px;
  }
  #musicxlive{
  margin: 80px auto 744px;
  }
  .music-bg{
  height: 744px;
  }
  #menu{
  margin: 80px auto 511px;
  }
  #info{
  margin-top: 530px;
  }
  .menu-bg{
  height: 511px;
  }
  .title{
  top: -290px;
  }
  .separate1{
  padding-top: 753px;
  }
  .separate2{
  padding-top: 600px;
  }
}