@charset "UTF-8";
/* 
-------------------------------------------------------------------------------------------------------- */
.ff-udpmincho { font-family: "BIZ UDPMincho", serif; font-weight: 400; font-style: normal;}
.lead.txt-left { text-align: left;}
.movie-ttl { font-size: 1.6rem; margin-top: 2rem; margin-bottom: 1rem; font-weight: bold;}


.audition-wrap { margin-top: 5rem; padding-top: 5rem; border-top: 1px solid #ccc;}
@media screen and (min-width: 768px) {
.audition-wrap { margin-top: 10rem; padding-top: 10rem;}
.movie-ttl { font-size: 1.8rem; margin-bottom: 1rem;}
}

.deco-line { width: 100%; height: auto; margin: 2rem auto;}


.list-movie-item { border-bottom: 1px solid #A5A5A5; display: flex; align-items: center;}
.list-movie-item:first-child { border-top: 1px solid #A5A5A5; margin-top: 3rem;}
.list-movie-item dt { width: 25%; margin-right: 5%; font-weight: bold;}
.list-movie-item dd { width: 70%;}
.list-movie-item dt , .list-movie-item dd { padding: 2rem 0; font-size: 1.2rem;}
.movie-record { margin: 7.5rem 0;}
.list-movie-item .link-txt { text-decoration: underline;}
.list-movie-item .link-txt:hover { text-decoration: none;}
.comingsoon-btn { text-align: center; margin-top: 3rem;}



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

}
@media screen and (min-width: 768px) {
.deco-line { margin: 8rem auto;}
}
@media screen and (min-width: 1024px) {

.audition-movie .movie-wrap .inner { max-width: 97rem !important; }
.audition-movie .movie-wrap .lead-title._mid { font-size: 2.6rem;}
.movie-record { margin: 13.5rem 0;}
}




/*.schedule-wrap .release div { background-color: #e84a23;}*/
.schedule-wrap .release div { background-color: #003fd9;}
.page-ato10pun .contact-wrap .contact-bg { background-color: #003fd9; color: #fff}
.list-movie-item dt , .list-movie-item dd { font-size: 1.6rem;;}

.page-ato10pun .about-wrap { padding: 4rem 0; background: url(/images/taiwan-ramen-rehearsal/about_bg.jpg) no-repeat center center / cover; color: #fff;
}


.page-ato10pun { letter-spacing: 0.04em; }
.page-ato10pun main { padding-bottom: 0;}
.page-ato10pun .ff-sawa { font-family: 'Sawarabi Mincho', sans-serif;}
.page-ato10pun main .inner { padding: 0 2rem;}
.page-ato10pun .sec-title { position: relative; display: inline-block; margin-bottom: 3rem; color: #003fd9; }
.page-ato10pun .sec-title::after { display: none;}
.page-ato10pun .sec-title span { position: relative; display: inline-block; font-weight: bold; font-size: 1.8rem; z-index: 5; }
.page-ato10pun .sec-subtitle { font-size: 1.4rem; }
@media screen and (min-width: 768px) {
.page-ato10pun main .inner { max-width: 104rem; padding: 0 4rem;}
.page-ato10pun main .inner.min { max-width: 88rem;  }
.page-ato10pun .sec-subtitle { font-size: 1.8rem; }
.page-ato10pun .sec-title { margin-bottom:4.5rem; }
.page-ato10pun .sec-title span { font-size: 2.2rem; }
}
@media screen and (min-width: 1024px) {
.page-ato10pun .sec-subtitle { font-size: 2rem; }
.page-ato10pun .sec-title { margin-bottom: 6rem; }
.page-ato10pun .sec-title span { font-size: 2.8rem; }
.page-ato10pun .sec-title::after { bottom: .5rem; right: -6rem; width: 6.8rem; height: 4rem; }
}

.page-ato10pun .kv-wrap { margin: 0 1rem; background: url(/images/fourth-wall/kv_bg.jpg) no-repeat center center; background-size: contain;}
.page-ato10pun .kv-inner { max-width: 80rem; margin: 0 auto; padding: 2rem 2rem 0; height: 19rem;}
.page-ato10pun .kv-box { position: relative;}
.page-ato10pun .kv-title { width: 100%; max-width: 45.7rem; margin: 0 auto }
.page-ato10pun .kv-date { width: 70%;max-width: 29.4rem;  margin: -3rem 0 0 auto; }

@media screen and (min-width: 600px) {
.page-ato10pun .kv-wrap { height: 50rem; margin: 0 2rem; }
.page-ato10pun .kv-inner { height: 100%; padding: 0 4rem;}
.page-ato10pun .kv-box { height: 50rem;}
.page-ato10pun .kv-title { position: absolute; top: 50%; left: 0; right: 0; width: 55%; max-width: 45.7rem; margin: 0 auto; transform: translate(0,-50%); }
.page-ato10pun .kv-date { position: absolute; bottom: 0; right: 0; width: 37%; max-width: 29.4rem;  margin: 0 0 0 auto; }
}
@media screen and (min-width: 1000px) {
.page-ato10pun .kv-wrap { height: 71rem; margin: 0 4rem; max-width: 127rem; }
.page-ato10pun .kv-box { height: 64rem;}
.page-ato10pun .kv-title { width: 100%;  }
.page-ato10pun .kv-date { width: 100%;  }
}
@media screen and (min-width: 1350px) {
.page-ato10pun .kv-wrap { margin: 0 auto; }
}


.txt-center { text-align: center !important;}
.lead-txt { font-size: 1.4rem;}
.lead-title._lg { font-size: 1.8rem; font-weight: bold; margin-bottom: 3rem;}
.lead-title._lg._xl { font-size: 2.4rem; color: #003fd9;}

.onairdate-wrap { display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.page-ato10pun .poster-wrap { background: #003fd9; padding: 6rem 0; margin: 0 calc(50% - 50vw); width: 100vw;}
.page-ato10pun .poster-pic { width: 21rem; height: auto; transform: rotate(10deg); margin: 3rem auto 0;}
.page-ato10pun .posterpic { box-shadow: 0.5rem 0.5rem 2rem rgb(0 0 0 / 50%); border: 4px solid #fff;}
.page-ato10pun .poster-inner { max-width: 90rem; padding: 0 2rem; margin: 0 auto;}
.page-ato10pun .poster-info { text-align: center; color: #fff;}
.page-ato10pun .txt-poster { font-size: 1.8rem;}
.page-ato10pun .txt-poster._sm { font-size: 1.6rem;}
.page-ato10pun .poster-link { font-size: 1.6rem; text-decoration: underline; color: #fff; margin-top: 2rem; display: inline-block;}
.page-ato10pun .caption { font-size: 1.4rem; margin-top: 2rem;}
.page-ato10pun .onairdate-wrap { padding: 2.5rem 0; margin: 3.5rem 0 2.5rem; border-top: 1px solid #ccc;}
.page-ato10pun .onair-pic { margin-top: 2rem;}

.info-row { display: flex; margin-top: 3.6rem;}
.info-row:first-child { margin-top: 0;}
.info-ttl { font-size: 1.4rem; font-weight: 600;}
.info-content { font-size: 1.8rem; font-weight: 600;}
.info-sm { font-size: 1.4rem; font-weight: 600;}
.info-row .caption { font-size: 1.2rem;}

@media screen and (min-width: 768px) {
.lead-title._lg { font-size: 3.2rem;}
.lead-title._lg._xl { font-size: 4.6rem;}
.lead-txt { font-size: 1.8rem;}

.onairdate-wrap { flex-direction: row; align-items: flex-start;}
.page-ato10pun .onair-pic { margin-top: 0;}

.page-ato10pun .poster-pic { margin: 0;}
.page-ato10pun .poster-inner { display: flex; justify-content: center; align-items: center; padding: 0 4rem;}
.page-ato10pun .poster-inner > div { margin-left: 4rem;}
.page-ato10pun .poster-inner div:first-child { margin-left: 0;}
.page-ato10pun .txt-poster { font-size: 2.6rem;}
.page-ato10pun .txt-poster._sm { font-size: 2.6rem;}
.page-ato10pun .onairdate-wrap { padding: 5rem 0; margin: 7rem 0 5rem;}

.info-ttl { font-size: 2rem;}
.info-content { font-size: 2.4rem;}
.info-sm { font-size: 1.8rem;}
.info-row .caption { font-size: 1.6rem;}
}

.page-ato10pun .movie-wrap { position: relative; padding: 0rem 0 0;}


/* lead */
.page-ato10pun .lead-wrap { padding: 4rem 0;}
.page-ato10pun .lead-title { text-align: center; font-size: 1.6rem; line-height: 1.6; letter-spacing: 0.02em; font-weight: bold;}
.page-ato10pun .lead-title span { display: block; /*margin-bottom: .5rem;*/ margin-top: .5rem; font-size: 1.3rem;}
.page-ato10pun .lead-item { position: relative; padding: 2rem; border: #555555 1px solid; border-radius: 1rem; font-size: 1.3rem; }
.page-ato10pun .lead-item + .lead-item  { margin-top: 2rem; }
.page-ato10pun .lead-item + .lead-item::before  { position: absolute; top: -2.2rem; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: .8em; height: .8em; background: url(/images/audition_kingyo/ar_bk01.svg) no-repeat; background-size: contain; transform: rotate(90deg);}
.page-ato10pun .lead-subtitle { text-align: center;}
.page-ato10pun .lead-date { margin-top: 1rem; width: 60%; margin: 0 auto; max-width: 18.2rem; }
.page-ato10pun .lead-date.max { width: 100%; max-width: 28rem; }
.page-ato10pun .lead-req { display: flex; justify-content: center; align-items: center; margin-top: 1.5rem; }
.page-ato10pun .req-item span { padding: .5rem 1rem; background-color: #f1f1f1; text-align: center; }
.page-ato10pun .req-item + .req-item::before { content: "+"; margin: 0 1rem;  }
.lead-txt,
.page-ato10pun .lead-btn { margin-top: 1.5rem; text-align: center; font-size: 1.3rem;}
.page-ato10pun .lead-btn { }
.page-ato10pun .lead-btn a { text-decoration: underline; display: inline-block; color: #9A373C;}
.page-ato10pun .lead-btn span { display: flex; align-items: center; justify-content: center; }
.page-ato10pun .lead-btn span::after { margin-left: .5rem; content: ""; display: block; width: .6em; height: .6em; background: url(/images/audition_kingyo/ar_red01.svg) no-repeat; background-size: contain; transform: rotate(90deg);}
.page-ato10pun .lead-ex { margin-top: 1.5rem; }
.page-ato10pun .lead-ex span { display: block; font-size: 1.1rem; text-indent: -1em; margin-left: 1em;}

@media screen and (min-width: 768px) {
.page-ato10pun .lead-wrap { padding: 6rem 0;}
.page-ato10pun .lead-title { font-size: 2.4rem; line-height: 1.7; letter-spacing: 0.04em;}
.page-ato10pun .lead-title span { /*margin-bottom: 1rem;*/ margin-top: 1rem; font-size: 1.8rem;}
.page-ato10pun .lead-list { position: relative;  display: flex; justify-content: space-between; }
.page-ato10pun .lead-item  { position: static; width: 47%; }
.page-ato10pun .lead-item + .lead-item  { margin-top: 0; }
.page-ato10pun .lead-item + .lead-item::before  { top: 50%; left: 50%; right: auto; margin: 0; width: .8em; height: .8em; transform: rotate(0deg) translate(-50%,-50%);}
.page-ato10pun .lead-date { margin-top: 1.5rem; }
.page-ato10pun .lead-req { margin-top: 2rem; }
.lead-txt,
.page-ato10pun .lead-btn { margin-top: 2rem; }
.page-ato10pun .lead-ex { margin-top: 2rem; }
.page-ato10pun .lead-ex span { font-size: 1.2rem; }
}
@media screen and (min-width: 1024px) {
.page-ato10pun .lead-wrap { padding: 12rem 0;}
.page-ato10pun .lead-item  { padding: 2.5rem; }
.page-ato10pun .lead-date { margin-top: 3rem; }
.page-ato10pun .req-item { font-size: 1.6rem;}
.page-ato10pun .req-item span { padding: .8rem 1rem; font-size: 1.6rem;}
.lead-txt,
.page-ato10pun .lead-btn { margin-top: 3rem; font-size: 1.6rem; line-height: 1.7; }
.page-ato10pun .lead-req { margin-top: 3rem; }
.page-ato10pun .lead-ex { margin-top: 3rem; }
.page-ato10pun .lead-ex span { font-size: 1.3rem; line-height: 1.7; }
}


/* lead */
.page-ato10pun .member-wrap { max-width: 70rem; margin: 0 auto; }
.page-ato10pun .member-pic { margin-top: 2rem; }
.page-ato10pun .member-list { display: flex; flex-wrap: wrap; margin-top: 2rem; }
.page-ato10pun .member-item { text-align: center;  }
.page-ato10pun .member-item:nth-child(n+3) { margin-top: 2rem;   }
.page-ato10pun .member-item dt { font-size: 1.2rem;  }
.page-ato10pun .member-item .member-act { margin-top: .5rem; font-size: 1.6rem; font-weight: bold;   }
.page-ato10pun .member-list.box04 {  }
.page-ato10pun .member-list.box04 >* { width: 50%;  }
.page-ato10pun .member-list.box02 {  }
.page-ato10pun .member-list.box02 >* { width: 100%;  }
.page-ato10pun .member-list.box02 >*:nth-child(n+2) { margin-top: 2rem;   }
.member-sns { margin-top: 4rem; padding: 2rem; background-color: #EFEDE7; text-align: center;}
.twi-btn { margin-top: 1.5rem;}
.twi-btn-a { display: block; padding: 1.5rem; background-color: #9A373C; color: #fff; border-radius: 6rem;}

@media screen and (min-width: 768px) {

.page-ato10pun .member-pic { margin-top: 4rem; }
.page-ato10pun .member-list { margin-top: 4rem; }
.page-ato10pun .member-item dt { font-size: 1.4rem;  }
.page-ato10pun .member-item .member-act { font-size: 2rem;   }
.page-ato10pun .member-item:nth-child(n+3) { margin-top: 0;   }
.page-ato10pun .member-item:nth-child(n+5) { margin-top: 3rem;   }
.page-ato10pun .member-list.box04 >* { width: 25%;  }
.page-ato10pun .member-list.box02 >*:nth-child(n+2) { margin-top: 3rem;   }
.page-ato10pun .member-sns { margin-top: 6rem; padding: 5rem; display: flex; align-items: center; justify-content: space-between;}
.page-ato10pun .twi-btn { width: 27rem; margin-top: 0;}
.page-ato10pun .twi-btn-a { padding: 2rem; }

}
@media screen and (min-width: 1024px) {
.page-ato10pun .member-item:nth-child(n+5) { margin-top: 5rem; }
.page-ato10pun .member-list +.member-list { margin-top: 6rem; }
.page-ato10pun .member-sns { margin-top: 8rem; }
.page-ato10pun .sns-txt { font-size: 1.4rem; }


}

.page-ato10pun .img-row { margin: 5rem 0 0rem; display: flex; flex-wrap: wrap;}
.page-ato10pun .img-row > * { width: 50％;}
.page-ato10pun .img-row img { width: 100%;}

@media screen and (min-width: 768px) {
.page-ato10pun .img-row { margin: 0 0 4rem; flex-wrap: wrap;}
.page-ato10pun .img-row > * { width: calc(100% / 3);}
}
@media screen and (min-width: 1024px) {
.page-ato10pun .img-row { margin: 10rem 0 0rem; }
}


.mv-date { font-size: 1.8rem; text-align: center;}
.mv-date a { text-decoration: underline; color: #c3381b;}
.mv-date a:hover { text-decoration: none;}
@media screen and (min-width: 768px) {
.mv-date { font-size: 2rem;}
}