@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : ongakusai.css
Description :
===================================================================== */

/* =====================================================================
*    ongakusai
* =================================================================== */

.fontWb {
  font-weight: 700;
}

.twColor {
  color: #1b95e0;
}

.fontBig {
  font-size: 1.4rem;
}

.spOnly {
  display: block;
}

.pcOnly {
  display: none;
}

.infoRed {
  color: #e6311a;
  font-weight: 700;
}
#back-content.news .inner {
  padding: 48.5% 0 13.33%;
}

#back-content.news .inner section:not(:last-of-type) {
  margin: 0 0 10%;
}

#back-content.news .sec_ttl {
  padding: 48.333% 0 0;
  margin: -13.47% 0 0;
  z-index: 2;
}

#back-content.news .sec_ttl img {
  width: 70%;
}

.ongakusai_lead {
}

.ongakusai_lead h3 {
  margin: 0 0 7%;
  color: #e6311a;
  font-family: "Noto Sans JP";
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
}

.ongakusai_lead h3 span {
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
/*  font-size: 2rem;
  font-weight: 900;
*/}

.next_theme_inner h4 {
  margin: 0 0;
  color: #e6311a;
  font-family: "Noto Sans JP";
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1.8;
  text-align: center;
}

.baseTxt {
  margin: 2% 0;
  font-size: 1.2rem;
  text-align: left;
}

.ongakusai_lead p {
  font-size: 1.1rem;
  line-height: 1.5;
}

.ongakusai_lead p strong {
  font-weight: bold;
}

.ongakusai_lead p em {
  color: #58800a;
  font-weight: bold;
  font-style: normal;
}

.ongakusai_movie {
  width: 100%;
  margin: 0 auto 10%;
}

.ongakusai_movie_box {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.ongakusai_movie_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.backnumber_content_ttl {
  padding-bottom: 2%;
}

.backnumber_content_details {
  margin: 0 0 5%;
}

.backnumber_content_details p {
  font-size: 1.1rem;
  line-height: 1.5;
}

.backnumber_content_details p a {
  color: #333;
}

.ongakusai_cast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ongakusai_cast li {
  width: 45%;
  margin: 0 10% 10% 0;
}

.ongakusai_cast li:nth-child(even),
.ongakusai_cast li:last-child {
  margin-right: 0;
}

.ongakusai_cast_photo figcaption {
  margin: 7% 0 0;
  font-size: 1.1rem;
  line-height: 1.3;
  text-align: center;
}

.ongakusai_cast_mc_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 10%;
}

.ongakusai_cast_mc p {
  margin: 3% 15% 0 0;
  font-size: 1.1rem;
  line-height: 1.3;
  text-align: center;
}

.ongakusai_cast_mc p:last-child {
  margin-right: 0;
}

.ongakusai_ticket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ongakusai_ticket dt {
  width: 100%;
  padding: 5%;
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ongakusai_ticket_img1 {
  width: 50%;
  margin: 0 auto;
}

.ongakusai_ticket dd {
  width: 100%;
  margin: 0 0 5%;
  padding: 5%;
  font-size: 1.1rem;
  line-height: 1.5;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ongakusai_ticket_first {
  display: block;
  color: #e6311a;
  font-weight: bold;
}

.ongakusai_ticket_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5% 0 0;
}

.ongakusai_ticket_link li {
  width: 48%;
  margin: 0 4% 4% 0;
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: center;
}

.ongakusai_ticket_link li:nth-child(even),
.ongakusai_ticket_link li:last-child {
  margin-right: 0;
}

.ongakusai_ticket_link li a {
  display: block;
  padding: 10%;
  color: #fff;
  text-decoration: none;
  background-color: #000;
}

.ongakusai_ticket_bnr a {
  display: block;
}
.ouboInfo {
  border: 1px solid #000;
  padding: 1rem;
  margin: 1rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .spOnly {
    display: none;
  }
  .pcOnly {
    display: block;
  }

  #back-content.news .inner {
    padding: 17.82% 0 4.55%;
  }

  #back-content.news .sec_ttl {
    padding: 20% 0 2%;
    margin: -6.55% auto 0;
  }

  #back-content.news .sec_ttl img {
    width: 41.41%;
  }

  .ongakusai_lead {
    margin: 10% 0 0;
  }

  .ongakusai_lead h3 {
    margin: 0 0 3%;
    font-size: 5rem;
  }

  .next_theme_inner h4 {
    margin: 0 7%;

    font-size: 2rem;
    line-height: 1.8;
  }

  .baseTxt {
    margin: 2% 0;
    font-size: 1.6rem;
  }

  .ongakusai_lead h3 span {
    display: inline-block;
    font-size: 3rem;
    margin: 0 0.5em 0 0;
  }

  .ongakusai_lead p {
    font-size: 2rem;
    text-align: center;
  }

  #back-content.news .inner section:not(:last-of-type) {
    margin: 0;
  }

  .ongakusai_movie {
    width: 70%;
    margin: 0 auto 5%;
  }

  .backnumber_content_ttl {
    padding-bottom: 1%;
  }

  .backnumber_content_details {
    margin: 0 0 2%;
  }

  .backnumber_content_details p {
    margin: 0 0 0 3%;
    font-size: 1.5rem;
  }

  .backnumber_content_details p a:hover {
    text-decoration: none;
  }

  .ongakusai_cast {
    margin: 0 0 0 3%;
  }

  .ongakusai_cast li,
  .ongakusai_cast li:nth-child(even),
  .ongakusai_cast li:last-child {
    width: 18%;
    margin: 0 2.5% 2.5% 0;
  }

  .ongakusai_cast li:nth-child(5n),
  .ongakusai_cast li:last-child {
    margin-right: 0;
  }

  .ongakusai_cast_photo figcaption {
    font-size: 1.5rem;
  }

  .ongakusai_cast_mc {
    width: 50%;
    margin: 0 auto;
  }

  .ongakusai_cast_mc_txt p {
    margin: 2% 20% 0 0;
    font-size: 1.5rem;
  }

  .ongakusai_ticket {
    margin: 0 0 0 3%;
  }

  .ongakusai_ticket dt {
    width: 30%;
    margin: 0 0 5px;
    padding: 1em 2em;
    font-size: 1.5rem;
    border-bottom: 0;
    border-right: 1px solid #eee;
  }

  .ongakusai_ticket_img1 {
    width: 70%;
  }

  .ongakusai_ticket dd {
    width: 70%;
    margin: 0 0 5px;
    padding: 1em 2em;
    font-size: 1.5rem;
  }

  .ongakusai_ticket_link {
    margin: 3% 0 0 3%;
  }

  .ongakusai_ticket_link li,
  .ongakusai_ticket_link li:nth-child(even) {
    width: 22%;
    margin: 0 4% 4% 0;
  }

  .ongakusai_ticket_link li:nth-child(4n),
  .ongakusai_ticket_link li:last-child {
    margin-right: 0;
  }

  .ongakusai_ticket_link li a {
    font-size: 1.5rem;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }

  .ongakusai_ticket_link li a:hover {
    background-color: #58800a;
  }

  .ongakusai_ticket_bnr {
    width: 80%;
    margin: 0 auto;
  }

  .ongakusai_ticket_bnr a:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1100px) {
  #back-content.news .inner {
    padding: 196px 0 50px;
  }
}