body {
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333));
  background: -webkit-linear-gradient(top, #999 0%, #333 100%);
  background: -o-linear-gradient(top, #999 0%, #333 100%);
  background: linear-gradient(to bottom, #999 0%, #333 100%);
  background-attachment: fixed; }

.contents_area_10012 {
  max-width: 800px;
  margin: 2em auto;
  padding: 2em;
  background: #fff; }
  @media screen and (max-width: 799px) {
    .contents_area_10012 {
      margin: 0 auto; } }
  @media screen and (max-width: 559px) {
    .contents_area_10012 {
      padding: 1.5em; } }

.title_bg {
  margin: 0 auto 2em;
  padding: 0; }
  .title_bg .ph img {
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); }

h1 {
  font-size: 1em;
  line-height: 1;
  font-weight: bold;
  margin: 3rem 0;
  text-align: center;
  font-family: 'Dosis', sans-serif;
  font-weight: 700; }
  h1 span {
    display: block; }
    h1 span.artist {
      font-size: 1.5em; }
    h1 span.title {
      font-size: 102px; }
    h1 span.day {
      margin-top: 0.25em;
      font-size: 48px;
      color: #c00; }
    @media screen and (max-width: 559px) {
      h1 span.artist {
        font-size: 1.3125em; }
      h1 span.title {
        font-size: 84px; }
      h1 span.day {
        font-size: 32px; } }

p.cancel {
  color: #f00;
  font-size: 1em;
  line-height: 1.3;
  margin-top: 1em; }

.live_info {
  opacity: 0.3;
  background: #fff;
  border: 5px solid #b73333;
  padding: 1em;
  line-height: 1.5; }
  .live_info a {
    pointer-events: none; }
  .live_info .title {
    font-size: 1.75em;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    padding-bottom: 0.25em;
    border-bottom: 1px solid #000;
    margin-bottom: 0.25em; }
    .live_info .title .tt {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.75em;
      font-size: 50%;
      background: #ffd800;
      border-radius: 6px;
      margin-right: 10px; }
    @media screen and (max-width: 559px) {
      .live_info .title {
        font-size: 1.25em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .live_info .title .tt {
          width: 100%;
          padding: 0.25em;
          font-size: 0.75em;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 0.5em; } }
  .live_info .day {
    font-size: 1.3125em;
    font-weight: bold;
    margin-bottom: 0.25em; }
    @media screen and (max-width: 559px) {
      .live_info .day {
        font-size: 1.125em; } }
    .live_info .day .ll {
      font-size: 135%; }
    .live_info .day a {
      text-decoration: underline; }
  .live_info .act {
    margin-top: 0.25em; }

.punchline {
  margin-top: 3em;
  background: #000;
  border-radius: 5px;
  color: #fff;
  padding: 0.75em;
  font-size: 1.125em;
  line-height: 1.75; }

.catchcopy {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5;
  margin: 1em 0; }
  @media screen and (max-width: 559px) {
    .catchcopy {
      font-size: 1.25em; }
      .catchcopy br {
        display: none; } }

.column_box {
  border: solid #000;
  border-width: 1px 0;
  padding: 0.5em 0; }
  .column_box p {
    font-size: 1.125em;
    line-height: 1.75;
    margin: 0.875em 0; }
  .column_box .signature {
    text-align: right; }

.photo_box {
  margin: 2rem 0; }
  .photo_box img {
    width: 100%; }

.disc_data {
  margin: 2rem 0;
  font-size: 1.125em; }
  .disc_data > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em 0; }
    .disc_data > ul > li ul li {
      padding: 0.25em 0; }
    @media screen and (max-width: 449px) {
      .disc_data > ul > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .disc_data > ul > li .data {
          margin-top: 0.25em; } }
  .disc_data .t {
    font-weight: bold;
    width: 7em; }

.next {
  background: #999;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  padding: 2em;
  font-size: 1.125em; }