/*////////////////////////

windyfarm.jp
sunset

///////////////////////*/
.top_main{
  background-image: url(../images/sunset/main.jpg);
}
section.concept{
  text-align: center;
}
.concept h2.ttl{
  margin-bottom: 50px;
}
.concept .openTime{
  border-bottom:2px dotted #1C2A55;
  display: inline;
  line-height: 2;
}
.catchSub{
  text-align: center;
  padding: 50px 0 0;
}
.catchSub a{
  color: #4AB9D5;
}
.Link{
  /* width: 94%; */
  margin: 0 auto;
  padding: 10% 12%;
}
.Link .sunset_number{
 display: flex;
 justify-content: center;
}
.Link .sunset_number .linkCont{
  width: calc(100%/2);
  text-align: center;
  position: relative;
}
.Link .sunset_number .linkCont a.image_link img{
  width: 300px;
  height: auto;
  border:5px solid #1C2A55;
  border-radius: 40px;
}
.Link .sunset_number .linkCont a.image_link span{
  position: absolute;
  color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: .1em;
  font-weight: 900;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

/*////////////////////////
------ sp
///////////////////////*/
@media screen and (max-width: 767px) {
  .top_main{
    height: 30vh;
  }
  .concept h2.ttl{
    margin-top: 50px;
  }
  .Link{
    padding: 50px 0;
  }
  .Link .sunset_number{
    flex-direction: column;
  }
  .Link .sunset_number .linkCont{
    width: auto;
  }
  .Link .sunset_number .linkCont a.image_link img{
    width: 250px;
  }
  .Link .sunset_number .linkCont a.image_link span{
    font-size: 1.5rem;
  }
}

/*////////////////////////
report-page 20231021
///////////////////////*/
/* .wrap{
  overflow: hidden;
} */
.repo{
  background-image: url(../images/sunset/main_repo.jpg);
}
.concept .ttl_vol{
  width: 120px;
  margin-top: -50px;
}
.event_cont{
  width: 94%;
  margin: 0 auto;
}
.event_cont h3{
  margin-top: 30px;
}
.event_cont h3 img{
  width: 500px;
}
hr{
  width: 94%;
  margin: 0 auto;
}
.event_cont .sub{
  font-size: 1.5em;
  letter-spacing: 0.05em;
  font-weight: 900;
}
.event_cont .txt{
  margin-top: 30px;
  /* width: 60%; */
}
.event_cont .txt p{
  font-size: 1.6rem;
  line-height: 1.8em;
}
.contents_list_wrap{
  background-repeat: no-repeat;
  background-position: top -30px center;
  background-size: cover;
  width: 100%;
  height: 60vh;
  position: relative;
  margin: 50px auto;
}
.contents_list_wrap::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4);
}
.music{
  background-image: url(../images/sunset/vol1/music_bg.jpg);
}
.marche{
  background-image: url(../images/sunset/vol1/marche_bg.jpg);
}
.contents_list{
  position: absolute;
  margin: 80px 5%;
  /* width: 100%; */
}
.contents_list h3{
  font-size: 2.2rem;
  line-height: 1.5;
  color: #fff;
  padding-bottom: 2rem;
}
.contents_list p{
  font-size: 1.6rem;
  line-height: 1.8em;
  font-weight: 500;
  color: #fff;
}
.list_btn{
  position: absolute;
  float: right;
  padding: 50px 0 0;
}
section .contents_list_wrap .list_btn a{
  padding: 15px 50px;
  font-size: 1.6rem;
  background: #1C2A55;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  /* margin: 0 0 150px 0; */
}
.photoWrap{
  margin: 150px auto 50px;
  text-align: center;
  width: 94%;
}
.photoWrap .photo_flex{
  display: flex;
  justify-content: center;
  margin: 100px auto;
}
.photoWrap .photo_flex .photo_cont{
  width: 30%;
}
.photoWrap .photo_flex .photo_cont3{
  width: calc(100%/3);
  padding: 5%;
}
.photoWrap .photo_flex .photo_cont p,
.photoWrap .photo_flex .photo_cont3 p{
  font-size: 1.6rem;
  padding: 10px 0;
}
.photoWrap .photo_flex .photo_cont p strong.no1{
  font-size: 2rem;
  font-weight: 900;
}
.photoWrap .photo_flex .photo_cont img,
.photoWrap .photo_flex .photo_cont3 img{
  width: 100%;
  height: auto;
}
.photoWrap .last_txt{
  text-align: end;
  font-size: 1.3rem;
  line-height: 1.5;
}
.camp{
  margin-bottom: 50px;
}
.last_info{
  margin: 10px auto 150px;
  text-align: center;
}
.last_info p{
  font-size: 1.6rem;
  line-height: 1.8em;

}
.last_info a{
  color: #4AB9D5;
}

/*////////////////////////
report-page 20231021 --sp
///////////////////////*/
@media screen and (max-width: 767px) {
  .concept h2.ttl{
    margin-bottom: 0;
  }
  #repo .catchSub{
    padding: 50px 0;
  }
  .concept .ttl_vol{
    width: 80px;
    margin-top: 0;
  }
  .event_cont h3 img{
    width: 250px;
  }
  .contents_list_wrap{
    background-position: top center;
    height: 80vh;
  }
  .music{
    background-image: url(../images/sunset/vol1/music_bg-sp.jpg);
  }
  .marche{
    background-image: url(../images/sunset/vol1/marche_bg-sp.jpg);
  }
  .photoWrap{
    margin: 50px auto;
  }
  .photoWrap .photo_flex{
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
  }
  .photoWrap .photo_flex .photo_cont,
  .photoWrap .photo_flex .photo_cont3{
    width: 90%;
  }
  .last_info p{
    width: 94%;
  }
}

/*////////////////////////
music-page
///////////////////////*/
.musicWrap{
  width: 94%;
  margin: 0 auto;
}
.artist{
  display: flex;
  justify-content: center;
  margin: 5% 10% 10%;
}
.artist_img{
  width: auto;
  text-align: center;
}
.artist_img img{
  width: 75%;
  height: auto;
  padding: 1%;
}
.artist_txt{
  padding: 1%;
  width: 100%;
}
.artist_txt .artist_name,
.artist_cont h3{
  font-size: 2em;
  font-weight: 900;
  padding-bottom: 10px;
}
.artist_txt .artist_noto,
.artist_cont p{
  font-size: 1.3em;
  line-height: 1.5em;
  letter-spacing: .1em;
}
.artist_flex{
  display: flex;
  margin-bottom: 50px;
}
.artist_cont{
  width: calc(100%/2);
  margin: 20px;
}

/*////////////////////////
music-page --sp
///////////////////////*/
@media screen and (max-width: 767px) {
  .artist{
    flex-direction: column;
    align-items: center;
    margin: 50px auto;
  }
  .artist_img{
    width: 70%;
  }
  .artist_img img{
    width: 100%;
    padding: 0;
  }
  .artist_txt{
    width: auto;
  }
  .artist_txt .artist_name{
  padding: 10px 0 10px;
  }
  .artist_flex{
    display: block;
  }
  .artist_cont{
    width: 100%;
    margin: 50px auto;
    padding: 1%;
  }
}

/*////////////////////////
marche-page
///////////////////////*/
#marche{
  margin: 150px auto 50px;
}
.marcheWrap{
  width: 94%;
  margin: 50px auto;
}
.marche_flex{
  display: flex;
  margin: 10px 20px;
}
.marche_border{
  margin: 20px;
  padding: 3%;
  border: 1px solid #1C2A55;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100%/2);
  height: auto;
}
.marche_img{
  
}
.marche_img img{
  width: 100%;
  height: auto;
}
.marche_txt{
  padding: 20px 0 0;
  font-size: 1.5em;
  line-height: 1.5em;
  letter-spacing: .1em;
}
.marche_txt .sub_ttl{
  font-size: .7em;
  padding-bottom: 5px;
}
.marche_txt .ttl{
  font-size: 1.3em;
  font-weight: 900;
  padding-bottom: 8px;
}

.marche_txt .place{
  font-size: .9em;
}
.marche_txt .date{
  font-size: .9em;
  padding-bottom: 10px;
}
.marche_txt .sns{
  padding: 10px 0;
  font-size: .8em;
  font-weight: 900;
}
.marche_txt .sns a{
  /* background: #4AB9D5; */
  /* background: #1C2A55; */
  background: #777;
  padding: .5rem 2rem;
  margin: 10px 10px 0 0; 
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
}
.marche_txt .sns a:hover{
  background: #777;
  background: #1C2A55;
}

/*////////////////////////
marche-page --sp
///////////////////////*/
@media screen and (max-width: 767px) {
  #marche{
    margin: auto;
  }
  #marche h2.ttl{
    margin: 0;
  }
  .marcheWrap{
    width: 100%;
  }
  .marche_flex{
    display: block;
  }
  .marche_border{
    width: 100%;
    margin: 50px auto;
  }
  .marche_txt .sns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
  }
}