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

/*NOA DANCE ACADEMY PRESENTS_詳細*/
.element_box{
  padding: 2em 0;
}
.top .entry_info_left {width:100%;}
.top .entry_info_left img{
  width:100%;
  padding:2em;
}
.top .entry_info_right{
  padding-bottom:7%;
}
.top .entry_info_right h1{text-align:center;font-family: 'Montserrat', sans-serif;font-size:2rem;font-weight:bold;}
	
.entry_info_box{width:100%;}
.event_info li{
  padding:1.2em 0;
}
.event_info p{
  font-size:1.4rem;
  line-height:1.5;
}
.event_info .event_koumoku2{
  text-align:center;
  font-size:1.3rem;
  font-weight:500;
  padding:.3em 0;
  color: #999999;
}
.event_info .event_day,.event_info .event_place,.event_info .event_time{text-align:center;}
.event_info .event_day span{padding-left:.5em;}
.event_day .year {
  font-size: 1.5em;
  font-weight: 600;
}
.event_day_time {
  display: block;
  font-size: 0.8em;
}

.event_state_box2{
  padding:2em 0;
}
.event_state_box2 p,.event_state_box2 p span{font-size:1.3rem!important;text-align:center;line-height:1.6;}
.event_state_box2 p span:first-child{font-size:3rem!important;font-weight:bold;}
.event_state_box2 .event_state_past {
  text-align: center;
  font-size: 1.4rem !important;
  font-weight: bold;
  color: var(--color-red);
}
.event_detail p {
  font-size: 1.2rem;
}
.entry_caution2 {
  padding: .3em 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  text-align: left;
  color: #fc3774;
  font-weight: bold;
}

.event_info .event_entry{text-align:center;width:70%;margin:0 15%;}
.event_info .event_application_period{text-align:center;font-size:2rem!important;color:#ed1e79;}
.event_info .rehearsal_caution{text-align:center;font-size:1.5rem!important;color:#ed1e79;padding-top:1em;}
.event_info .event_title{text-align:center;}

.choreo_wrap{
  padding: 1em 0;
}
.choreo_box a{display: flex; flex-wrap: wrap; justify-content: space-between;background:#efefef;margin-bottom:15px;}
.choreo_box a .choreo_left{width:35%;}
.choreo_box a .choreo_left img{width:100%;}
.choreo_box a .choreo_right{
  width:61%;
  padding: 0.5em 0;
  padding-right: 0.4em;
}
.top_number_dancerimage{
  position: relative;
  height: 100%;
}
.top_number_dancerimage::before{
  content: "";
  display: block;
  padding-top: 120%;
}
.top_number_dancerimage img{
  position: absolute;
  top: 0;
  object-fit: cover;
  height: 100%;
}
.choreo_right{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.choreo_right .top_number_dancername{
  font-family:'Montserrat', sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight:bold;
  margin-bottom: .1em;
}
.choreo_right .top_number_dancername span{
  font-size:.8rem;
  padding-left:.5em;
}
.choreo_right .top_number_dancerteam{
  font-family:'Montserrat', sans-serif;
  font-size: .9rem;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  color:#666;
}
.choreo_right .top_number_dancerteam:empty{
  margin-bottom: 0;
}
.choreo_right .genre{
  font-size:1.2rem;
  line-height: 1.2;
  margin: 0 0 .2em;
}
.choreo_right .koumoku{
  font-size:.9rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.choreo_right .start{font-weight:bold;font-size:1.3rem;}
.choreo_right .start font{
  font-size: 1.1rem;
}
.num_deadline{
  font-weight: 500;
  color: #f00;
  margin-top: 0.3em;
}
.num_approval{
  display: block;
  width: fit-content;
  font-size: .9em;
  font-weight: 500;
  background-color: var(--color-black);
  color: #fff;
  height: 1.4rem;
  padding: 0 .8em;
  border-radius: .7em;
  margin-top: .5em;
}
.num_deadline + .num_approval{
  display: none;
}
/* .back-bt a{padding:1em;color:#000000;display:block;margin:0 auto 1em;width:50%;text-align:center;}
.back-bt i{padding-right:.5em;}
.back-bt a:hover{color:#dd0000;} */

.num_approval_numberpage{
  display: block;
  width: fit-content;
  font-size: 1.2em;
  font-weight: 500;
  background-color: var(--color-black);
  color: #fff;
  height: 1.8rem;
  padding: 0 .8em;
  border-radius: .7em;
  margin-top: .5em;
}

/* .num_deadline + .num_approval_numberpage{
  display: none;
}  */

@media screen and (max-width: 768px){
  .num_approval_numberpage{
    margin: .5em auto;
  }
}


.m2 {
  width: 30%;
  margin: 0 auto 1em;
  display: block;
}

/* style_blog */
.blog-head-ttl{
  position: relative;
  font-size: 1rem;
  color: var(--color-grey-txt);
  padding: 0 0 1.8em;
  margin-bottom: 1.5em;
}
.blog-head-ttl .en{
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  margin-right: 0.2em;
}
.blog-head-ttl .ja{
  display: block;
  font-size: 1.05rem;
}
.blog-head-ttl:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 3em;
  height: 1px;
  background-color: var(--color-grey-txt);
}

/* スケジュールボタン
======================================= */
.sq_btn{
  max-width: 30em;
  margin: 1em auto;
}
.sq_btn svg{
  fill: currentColor;
}
.sq_btn a{
  position: relative;
  display: block;
  font-size: 1.3rem;
  padding: 1.3em 1em;
  line-height: 1.4;
  transition: opacity .5s;
  color: var(--color-black3);
  font-weight: 500;
  border-radius: 0.1em;
  /* background-color: var(--color-black); */
  border: 1px solid var(--color-grey-txt) ;
  text-align: center;
  cursor: pointer;
}
.sq_btn .txt{
  position: relative;
  padding-right: 2.6rem;
}
.sq_btn svg{
  position: absolute;
  right: 0;
  width: 1.3em;
  height: 1.3em;
}

/*PC版設定*/
@media screen and (min-width: 769px){
    
  .top{position:relative;width:100%;display:flex;flex-wrap: nowrap;justify-content: space-between;}	
  .top .entry_info_left {width:48%;}
  .top .entry_info_right{
    display: flex;
    align-items: center;
    width:48%;
    padding-bottom: 0;
  }
  .top .entry_info_right h1{
    font-size:4.3rem;
    text-align:left;
    line-height: 1.3;
  }
  /* .entry_info_box{width:100%;padding:0 10% 2% 10%;} */
  .entry_inner{
    width: 80%;
    margin: auto;
  }
  .event_info .event_application_period{text-align:center;font-size:30px;color:#ed1e79;}
  .event_info .rehearsal_caution{text-align:center;font-size:15px;color:#ed1e79;padding:1em 0 5em;}

  .event_info .event_title{text-align:center;}
  .event_info p{
    font-size: 1.7rem;
  }
  .event_info .event_koumoku2{
    font-size: 1.6rem;
  }
  .event_detail p,.entry_caution2{
    font-size: 1.5rem;
  }
  .entry_caution2 {
    text-align: center;
  }
  .event_state_box2{padding-top:3em;}
  .event_state_box2 p,.event_state_box2 p span{line-height:2;}
    
  .entry_text{
    font-size: 1.4em;
  }

  .choreo_wrap{
    width:100%;
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between;
  }
  .choreo_box{width:49%;}
  .choreo_right .top_number_dancername {
    font-size: 1.9rem;
  }
  .choreo_right .genre {
    font-size: 1.4rem;
  }
    
  .m2 {
    width: 10%;
  }
}

/* EVENT ENTRY
---------------------------------------- */
.entry_text{
  width: fit-content;
  font-size: 1.3rem;
  text-align: left;
  font-weight: bold;
  padding: .3em 0;
  line-height: 1.6;
  margin: auto;
}
.event_desc {
  font-size: 1rem !important;
  width: fit-content;
  margin: 1em auto;
}
.event_entry_form{
  display: none;
}
.modal_label_btn{
  margin: 2rem 0;
}
.modal_label_btn .arrow_circle{
  background-color: var(--color-black);
}
.modal_label_btn .arrow_circle{
  background-color: var(--color-black);
}
.event_entry_form{
  padding-top: 3em;
}
/*PC版設定*/
@media screen and (min-width: 769px){
  .entry_text{
    font-size: 1.4em;
    min-width: 40.5em;
  }
}