@charset "UTF-8";
.mainContentInner {
  padding: 65px 24px 10px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .mainContentInner {
      padding: 0; } }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .mainContentInner h1 {
      display: flex;
      height: 500px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: rgba(238, 233, 204, 0.97); } }
  .mainContentInner h1 .en {
    color: #9B493F;
    font-size: 35px;
    font-family: "IM Fell Great Primer", serif; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .mainContentInner h1 .en {
        font-size: 70px; } }
  .mainContentInner h1 .jp {
    color: #333;
    font-size: 12px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .mainContentInner h1 .jp {
        font-size: 24px; } }

@media only screen and (min-width: 751px), print {
  .contentBlock {
    margin-top: 65px;
    padding-bottom: 65px; }
    .contentBlock:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      left: 0;
      bottom: 0;
      border-top: 1px dotted #9B493F; }
    .contentBlock h2 + * {
      margin-top: 20px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .contentBlock {
    padding: 140px 60px 134px;
    background: rgba(238, 233, 204, 0.97); }
    .contentBlock h2 + * {
      margin-top: 50px; }
    .contentBlock + .contentBlock:before {
      content: "";
      position: absolute;
      width: 630px;
      height: 1px;
      left: 60px;
      top: 0;
      border-top: 2px dotted #9B493F; } }
.contentBlock .attentionList {
  margin-top: 10px;
  color: #333;
  font-size: 12px;
  line-height: 16px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .contentBlock .attentionList {
      font-size: 24px;
      line-height: 34px; } }
  .contentBlock .attentionList li {
    padding-left: 1em;
    text-indent: -1em; }
.contentBlock .contentBox {
  padding-left: 30px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .contentBlock .contentBox {
      padding-left: 64px; } }
  .contentBlock .contentBox + .contentBox {
    margin-top: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .contentBox + .contentBox {
        margin-top: 74px; } }
  .contentBlock .contentBox h3, .contentBlock .contentBox h4 {
    color: #9B493F;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .contentBox h3, .contentBlock .contentBox h4 {
        font-size: 34px;
        line-height: 52px; } }
  .contentBlock .contentBox .detailList {
    display: flex;
    flex-wrap: wrap;
    line-height: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .contentBox .detailList {
        line-height: 40px; } }
    .contentBlock .contentBox .detailList dt {
      position: relative;
      width: 100px;
      font-weight: bold; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .contentBox .detailList dt {
          width: 130px; } }
      .contentBlock .contentBox .detailList dt:after {
        content: "：";
        position: absolute;
        right: 4px;
        top: 0; }
    .contentBlock .contentBox .detailList dd {
      width: calc(100% - 100px); }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .contentBox .detailList dd {
          width: calc(100% - 130px); } }
  .contentBlock .contentBox p {
    margin-top: 5px;
    line-height: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .contentBox p {
        margin-top: 10px;
        line-height: 40px; } }
.contentBlock a {
  color: #9B493F;
  text-decoration: underline; }
  .contentBlock a:hover {
    text-decoration: none; }

@media only screen and (min-width: 1px) and (max-width: 750px) {
  .content01 {
    margin-top: 300px; } }
.content01 .scheduleTable {
  width: 100%;
  border-top: 1px solid #9B493F;
  border-left: 1px solid #9B493F; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content01 .scheduleTable {
      border-width: 2px; } }
  .content01 .scheduleTable th, .content01 .scheduleTable td {
    border-right: 1px solid #9B493F;
    border-bottom: 1px solid #9B493F; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .scheduleTable th, .content01 .scheduleTable td {
        border-width: 2px; } }
  .content01 .scheduleTable thead th {
    color: #fff;
    font-size: 17px;
    text-align: center;
    background: #9B493F; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .scheduleTable thead th {
        font-size: 34px; } }
  .content01 .scheduleTable thead td {
    color: #9B493F;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: rgba(255, 255, 255, 0.5); }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .scheduleTable thead td {
        font-size: 30px;
        border-bottom: 4px solid #9B493F; } }
  .content01 .scheduleTable tbody th, .content01 .scheduleTable tbody td {
    height: 40px;
    font-size: 16px;
    vertical-align: middle; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .scheduleTable tbody th, .content01 .scheduleTable tbody td {
        font-size: 32px;
        height: 80px; } }
  .content01 .scheduleTable tbody th {
    width: 90px;
    padding-right: 6px;
    text-align: right;
    background: rgba(255, 255, 255, 0.5); }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .scheduleTable tbody th {
        width: 100px;
        line-height: 32px; } }
    .content01 .scheduleTable tbody th span {
      display: inline-block;
      margin-left: 6px;
      font-size: 13px;
      vertical-align: baseline; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .scheduleTable tbody th span {
          display: block;
          margin-left: 12px;
          font-size: 26px; } }
    .content01 .scheduleTable tbody th.blue {
      color: #0074BE; }
    .content01 .scheduleTable tbody th.red {
      color: #EC1E79; }
    .content01 .scheduleTable tbody th + td {
      border-right-style: dotted; }
  .content01 .scheduleTable tbody td {
    width: 56px;
    text-align: center; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .scheduleTable tbody td {
        width: 128px; } }
    .content01 .scheduleTable tbody td a {
      font-weight: bold; }
    .content01 .scheduleTable tbody td[colspan="2"] {
      color: #9B493F;
      font-weight: bold;
      border-right-style: solid; }
    .content01 .scheduleTable tbody td:last-child {
      width: 178px;
      color: #9B493F;
      font-size: 12px;
      text-align: left;
      line-height: 17px; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .scheduleTable tbody td:last-child {
          width: 270px;
          font-size: 24px;
          line-height: 32px; } }
      @media only screen and (min-width: 751px), print {
        .content01 .scheduleTable tbody td:last-child.icon01 {
          padding-left: 38px;
          background: url(/play/oresteia/schedule/img/icon_table_01.png) no-repeat 6px center; } }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .scheduleTable tbody td:last-child.icon01 {
          padding-left: 80px;
          background: url(/play/oresteia/schedule/img/icon_table_01_sp.png) no-repeat 12px center; } }
      @media only screen and (min-width: 751px), print {
        .content01 .scheduleTable tbody td:last-child.icon02 {
          padding-left: 62px;
          background: url(/play/oresteia/schedule/img/icon_table_02.png) no-repeat 4px center; } }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .scheduleTable tbody td:last-child.icon02 {
          padding-top: 70px;
          padding-left: 12px;
          background: url(/play/oresteia/schedule/img/icon_table_02_sp.png) no-repeat 12px 8px; } }
      @media only screen and (min-width: 751px), print {
        .content01 .scheduleTable tbody td:last-child.icon03 {
          padding-left: 38px;
          background: url(/play/oresteia/schedule/img/icon_table_03.png) no-repeat 9px center; } }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .scheduleTable tbody td:last-child.icon03 {
          padding-left: 80px;
          background: url(/play/oresteia/schedule/img/icon_table_03_sp.png) no-repeat 12px center; } }
      @media only screen and (min-width: 751px), print {
        .content01 .scheduleTable tbody td:last-child.icon04 {
          padding-left: 38px;
          background: url(/play/oresteia/schedule/img/icon_table_04.png) no-repeat 10px center; } }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .scheduleTable tbody td:last-child.icon04 {
          padding-left: 80px;
          background: url(/play/oresteia/schedule/img/icon_table_04_sp.png) no-repeat 12px center; } }
.content01 p {
  margin-top: 20px;
  line-height: 22px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content01 p {
      margin-top: 40px;
      line-height: 40px; } }
  .content01 p.iconKids {
    padding-left: 30px;
    background: url(/play/oresteia/schedule/img/icon_kids.png) no-repeat left top; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 p.iconKids {
        padding-left: 74px;
        background: url(/play/oresteia/schedule/img/icon_kids_sp.png) no-repeat left 8px; } }

@media only screen and (min-width: 1px) and (max-width: 750px) {
  .content02 {
    -moz-transform: translateY(-0.5px);
    -ms-transform: translateY(-0.5px);
    -webkit-transform: translateY(-0.5px);
    transform: translateY(-0.5px); } }
.content02 .contentBox.box01 {
  background: url(/play/oresteia/schedule/img/icon_theatre.png) no-repeat left 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content02 .contentBox.box01 {
      background: url(/play/oresteia/schedule/img/icon_theatre_sp.png) no-repeat left 4px; } }
.content02 .contentBox.box02 {
  background: url(/play/oresteia/schedule/img/icon_talk.png) no-repeat left 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content02 .contentBox.box02 {
      background: url(/play/oresteia/schedule/img/icon_talk_sp.png) no-repeat left 4px; } }
.content02 .contentBox.box03 {
  background: url(/play/oresteia/schedule/img/icon_guide.png) no-repeat left 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content02 .contentBox.box03 {
      background: url(/play/oresteia/schedule/img/icon_guide_sp.png) no-repeat left 4px; } }

@media only screen and (min-width: 1px) and (max-width: 750px) {
  .content03 {
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px); } }
.content03 h2 + .imgWrap {
  margin-top: 30px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 h2 + .imgWrap {
      margin-top: 60px; } }
.content03 h3 {
  margin-top: 24px;
  color: #9B493F;
  font-size: 17px;
  font-weight: bold;
  line-height: 26px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 h3 {
      margin-top: 48px;
      font-size: 34px;
      line-height: 52px; } }
  .content03 h3 + p {
    margin-top: 20px;
    line-height: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content03 h3 + p {
        margin-top: 40px;
        line-height: 40px; } }
.content03 .contentBox.box01 {
  margin-top: 20px;
  background: url(/play/oresteia/schedule/img/icon_talk.png) no-repeat left 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 .contentBox.box01 {
      margin-top: 40px;
      background: url(/play/oresteia/schedule/img/icon_talk_sp.png) no-repeat left 4px; } }
.content03 .contentBox.box02 {
  background: url(/play/oresteia/schedule/img/icon_play.png) no-repeat left 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 .contentBox.box02 {
      background: url(/play/oresteia/schedule/img/icon_play_sp.png) no-repeat left 4px; } }
.content03 .contentBox.box03 {
  background: url(/play/oresteia/schedule/img/icon_guide.png) no-repeat left 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 .contentBox.box03 {
      background: url(/play/oresteia/schedule/img/icon_guide_sp.png) no-repeat left 4px; } }

@media only screen and (min-width: 751px), print {
  .accessBlock {
    padding: 0 0 25px; } }