@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : mc.css
Description : 番組MCページ
===================================================================== */
.mc {
  padding: 10rem 0 14rem;
}
.mc-list {
  padding: 10rem 0;
  background-color: #ece9e0;
  outline: 1px solid #cc9200;
  outline-offset: -1rem;
}
.mc-list li {
  margin-bottom: 15rem;
}
.mc-list li:last-child {
  margin: 0;
}
.mc-list li dl dt {
  margin: 0 auto 6rem;
  width: calc(670 / 680 * 100%);
  padding: 0.15em 0;
  text-align: center;
  font-size: 115%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 47, 47, 0)), color-stop(20%, rgb(47, 47, 47)), color-stop(50%, rgb(47, 47, 47)), color-stop(80%, rgb(47, 47, 47)), color-stop(99%, rgba(47, 47, 47, 0)), to(rgba(47, 47, 47, 0)));
  background: linear-gradient(to right, rgba(47, 47, 47, 0) 0%, rgb(47, 47, 47) 20%, rgb(47, 47, 47) 50%, rgb(47, 47, 47) 80%, rgba(47, 47, 47, 0) 99%, rgba(47, 47, 47, 0) 100%);
}
.mc-list li dl dt > * {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0.5em 0;
  width: 100%;
  line-height: 1.4;
  letter-spacing: 0.1em;
  -o-border-image: linear-gradient(90deg, transparent 0%, #ae9651 50%, transparent 100%) 1/0.2rem 0 0.2rem 0;
     border-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ae9651), to(transparent)) 1/0.2rem 0 0.2rem 0;
     border-image: linear-gradient(90deg, transparent 0%, #ae9651 50%, transparent 100%) 1/0.2rem 0 0.2rem 0;
  border-style: solid;
  background: -webkit-gradient(linear, left bottom, left top, from(#cc9200), color-stop(35%, #dba72e), color-stop(50%, #f2d061), color-stop(65%, #dba72e), to(#cc9200));
  background: linear-gradient(0deg, #cc9200 0%, #dba72e 35%, #f2d061 50%, #dba72e 65%, #cc9200 100%);
  color: #f2d061;
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mc-list li dl dd {
  margin: 0 auto;
  width: calc(590 / 680 * 100%);
  color: #482f00;
  line-height: 1.923;
}
.mc-list figure {
  margin: 0 auto 8rem;
  width: calc(342 / 680 * 100%);
}
.mc-list-name {
  position: relative;
  text-align: center;
  padding: 0.7em 0;
  font-size: 133%;
  background-color: #2f2f2f;
  z-index: 1;
}
.mc-list-name::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 100%;
  height: calc(100% - 4px);
  -o-border-image: linear-gradient(90deg, transparent 0%, #ae9651 50%, transparent 100%) 1/1px 0 1px 0;
     border-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ae9651), to(transparent)) 1/1px 0 1px 0;
     border-image: linear-gradient(90deg, transparent 0%, #ae9651 50%, transparent 100%) 1/1px 0 1px 0;
  border-style: solid;
  z-index: -1;
}
.mc-list-name .en {
  display: block;
  margin-bottom: 0.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 58%;
  letter-spacing: 0.14em;
  color: #ffd461;
}
.mc-list-name .ja {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .mc {
    padding: 8rem 0 14rem;
  }
  .mc-list {
    padding: 6rem 0;
  }
  .mc-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: calc(50 / 920 * 100%);
       -moz-column-gap: calc(50 / 920 * 100%);
            column-gap: calc(50 / 920 * 100%);
    margin-bottom: 10rem;
  }
  .mc-list li figure {
    margin: 0;
    width: calc(210 / 920 * 100%);
  }
  .mc-list li dl {
    width: calc(540 / 920 * 100%);
  }
  .mc-list li dl dt {
    margin-bottom: 4rem;
    font-size: 140%;
  }
  .mc-list li dl dd {
    width: 100%;
    line-height: 2.25;
  }
}/*# sourceMappingURL=mc.css.map */