.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 {
        width: 100%;
        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; }
    .contentBlock .imgLink {
      display: block;
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
      .contentBlock .imgLink:hover {
        opacity: 0.7; } }
@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 .attentionBorderWrap {
  padding: 8px 17px;
  color: #f00;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #f00; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .contentBlock .attentionBorderWrap {
      padding: 28px 38px;
      font-size: 28px;
      line-height: 32px;
      border-width: 2px; }
      .contentBlock .attentionBorderWrap p:nth-child(n+2) {
        margin-top: 10px; } }
.contentBlock .strongBlock {
  color: #9B493F;
  font-size: 20px;
  line-height: 32px;
  font-weight: bold; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .contentBlock .strongBlock {
      font-size: 38px;
      line-height: 64px; } }
.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 .buyStyle {
  margin-top: 25px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .contentBlock .buyStyle {
      margin-top: 50px; } }
  .contentBlock .buyStyle dt {
    min-height: 27px;
    padding-left: 35px;
    line-height: 18px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .buyStyle dt {
        min-height: 54px;
        padding-left: 68px;
        line-height: 36px; } }
    .contentBlock .buyStyle dt strong {
      font-size: 17px;
      font-weight: bold; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .buyStyle dt strong {
          font-size: 34px; } }
      .contentBlock .buyStyle dt strong span {
        font-size: 10px;
        vertical-align: middle; }
        @media only screen and (min-width: 1px) and (max-width: 750px) {
          .contentBlock .buyStyle dt strong span {
            font-size: 20px; } }
    .contentBlock .buyStyle dt .attention {
      margin-top: 2px;
      color: #f00;
      font-size: 12px;
      line-height: 16px;
      padding-left: 1em;
      text-indent: -1em; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .buyStyle dt .attention {
          margin-top: 4px;
          font-size: 24px;
          line-height: 34px; } }
  .contentBlock .buyStyle dd {
    margin-top: 10px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .buyStyle dd {
        margin-top: 20px; } }
  .contentBlock .buyStyle.web dt {
    background: url(/play/oresteia/tickets/img/icon_web.png) no-repeat; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .buyStyle.web dt {
        background: url(/play/oresteia/tickets/img/icon_web_sp.png) no-repeat; } }
  .contentBlock .buyStyle.tel dt {
    background: url(/play/oresteia/tickets/img/icon_tel.png) no-repeat; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .contentBlock .buyStyle.tel dt {
        background: url(/play/oresteia/tickets/img/icon_tel_sp.png) no-repeat; } }
  .contentBlock .buyStyle .boxStyle {
    background: #fff; }
    @media only screen and (min-width: 751px), print {
      .contentBlock .buyStyle .boxStyle {
        width: 375px; } }
    .contentBlock .buyStyle .boxStyle.box01 {
      display: flex;
      flex-wrap: wrap;
      padding: 14px 13px 2px;
      color: #000;
      align-items: center; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .buyStyle .boxStyle.box01 {
          width: 100%;
          justify-content: space-between;
          padding: 24px 28px 20px; } }
      .contentBlock .buyStyle .boxStyle.box01 .leftSide, .contentBlock .buyStyle .boxStyle.box01 .rightSide {
        font-weight: bold; }
      .contentBlock .buyStyle .boxStyle.box01 .leftSide {
        font-size: 12px;
        line-height: 14px; }
        @media only screen and (min-width: 1px) and (max-width: 750px) {
          .contentBlock .buyStyle .boxStyle.box01 .leftSide {
            font-size: 22px;
            line-height: 24px;
            white-space: nowrap; } }
      .contentBlock .buyStyle .boxStyle.box01 .rightSide {
        margin-left: 10px;
        font-size: 32px; }
        @media only screen and (min-width: 1px) and (max-width: 750px) {
          .contentBlock .buyStyle .boxStyle.box01 .rightSide {
            margin-left: 0;
            font-size: 52px;
            letter-spacing: -2px; }
            .contentBlock .buyStyle .boxStyle.box01 .rightSide .telLink {
              color: #0074BE; } }
      .contentBlock .buyStyle .boxStyle.box01 .bottomSide {
        width: 100%;
        font-size: 12px;
        letter-spacing: -1px; }
        @media only screen and (min-width: 1px) and (max-width: 750px) {
          .contentBlock .buyStyle .boxStyle.box01 .bottomSide {
            font-size: 24px;
            line-height: 28px; } }
    .contentBlock .buyStyle .boxStyle.box02 {
      display: flex;
      padding: 12px 13px 8px;
      font-size: 12px;
      line-height: 15px;
      align-items: center;
      /*
      line-height		: 14px;
      padding			: 12px 13px 8px;
      @media only screen and (min-width:1px) and (max-width:750px) {
      	position		: relative;
      	line-height		: 28px;
      	padding			: 20px 20px 16px;
      }
      strong {
      	display			: block;
      	font-size		: 12px;
      	@media only screen and (min-width:1px) and (max-width:750px) {
      		font-size		: 24px;
      	}
      }
      p {
      	font-size		: 10px;
      	letter-spacing	: 1px;
      	@media only screen and (min-width:1px) and (max-width:750px) {
      		font-size		: 20px;
      		white-space		: nowrap;
      	}
      	.title {
      		display			: inline-block;
      		width			: 140px;
      		@media only screen and (min-width:1px) and (max-width:750px) {
      			width			: 230px;
      			letter-spacing	: -1px;
      		}
      	}
      	.indent {
      		display			: block;
      		padding-left	: 140px;
      		@media only screen and (min-width:1px) and (max-width:750px) {
      			padding-left	: 230px;
      		}
      	}
      	.telLink {
      		@media only screen and (min-width:1px) and (max-width:750px) {
      			display			: inline-block;
      			color			: $cBlue;
      			font-size		: 36px;
      			line-height		: 46px;
      			text-decoration	: underline;
      			vertical-align	: middle;
      		}
      	}
      }
      */ }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .buyStyle .boxStyle.box02 {
          font-size: 24px;
          padding: 20px 20px 16px; } }
      .contentBlock .buyStyle .boxStyle.box02 .leftSide {
        width: 120px;
        font-weight: bold; }
        @media only screen and (min-width: 1px) and (max-width: 750px) {
          .contentBlock .buyStyle .boxStyle.box02 .leftSide {
            width: 150px;
            line-height: 40px; } }
      .contentBlock .buyStyle .boxStyle.box02 .rightSide {
        position: relative; }
        @media only screen and (min-width: 751px), print {
          .contentBlock .buyStyle .boxStyle.box02 .rightSide {
            width: 220px;
            letter-spacing: 1px; } }
        @media only screen and (min-width: 1px) and (max-width: 750px) {
          .contentBlock .buyStyle .boxStyle.box02 .rightSide {
            line-height: 30px; } }
        .contentBlock .buyStyle .boxStyle.box02 .rightSide p:nth-child(n+2) {
          margin-top: 1em; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .buyStyle .boxStyle.box02 .floatLink {
          display: block;
          position: absolute;
          width: 158px;
          height: 24px;
          left: 0; }
          .contentBlock .buyStyle .boxStyle.box02 .floatLink.float01 {
            top: 32px; }
          .contentBlock .buyStyle .boxStyle.box02 .floatLink.float02 {
            top: 118px; }
          .contentBlock .buyStyle .boxStyle.box02 .floatLink.float03 {
            top: 34px; }
          .contentBlock .buyStyle .boxStyle.box02 .floatLink.float04 {
            top: 114px; }
          .contentBlock .buyStyle .boxStyle.box02 .floatLink.float05 {
            top: 146px; } }
    .contentBlock .buyStyle .boxStyle.box03 {
      padding: 12px 13px 8px;
      font-size: 12px; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .contentBlock .buyStyle .boxStyle.box03 {
          padding: 20px 20px 16px;
          font-size: 20px; } }

@media only screen and (min-width: 751px), print {
  .content01 .attentionBorderWrap {
    margin-top: -45px; }
    .content01 .attentionBorderWrap + h2 {
      margin-top: 35px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .content01 {
    margin-top: 300px; }
    .content01 .attentionBorderWrap + h2 {
      margin-top: 136px; } }
.content01 .btnWrap {
  margin-top: 15px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content01 .btnWrap {
      margin-top: 50px; } }
  .content01 .btnWrap .btnStyle {
    padding-left: 33px;
    justify-content: flex-start; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content01 .btnWrap .btnStyle {
        width: 396px;
        padding-left: 70px; } }
    .content01 .btnWrap .btnStyle:before {
      content: url(/play/oresteia/tickets/img/icon_seat.png);
      position: absolute;
      top: 50%;
      left: 9px;
      line-height: 0;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content01 .btnWrap .btnStyle:before {
          content: url(/play/oresteia/tickets/img/icon_seat_sp.png);
          left: 18px; } }

@media only screen and (min-width: 1px) and (max-width: 750px) {
  .content02 {
    padding-bottom: 230px;
    -moz-transform: translateY(-0.5px);
    -ms-transform: translateY(-0.5px);
    -webkit-transform: translateY(-0.5px);
    transform: translateY(-0.5px); } }

@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 p, .content03 dd {
  line-height: 20px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 p, .content03 dd {
      line-height: 40px; } }
.content03 dl {
  margin-top: 25px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 dl {
      margin-top: 50px; } }
  .content03 dl dt {
    color: #9B493F;
    font-size: 17px;
    font-weight: bold; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content03 dl dt {
        font-size: 34px;
        line-height: 52px;
        padding-left: 40px;
        text-indent: -40px; } }
  .content03 dl dd {
    padding-left: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content03 dl dd {
        padding-left: 40px; } }
.content03 .btnWrap {
  margin-top: 18px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content03 .btnWrap {
      margin-top: 50px; } }
  .content03 .btnWrap .btnStyle {
    width: 308px;
    padding-left: 14px;
    justify-content: flex-start; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content03 .btnWrap .btnStyle {
        width: 100%;
        padding-left: 28px; } }
    .content03 .btnWrap .btnStyle:nth-child(n+2) {
      margin-top: 10px; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        .content03 .btnWrap .btnStyle:nth-child(n+2) {
          margin-top: 20px; } }
.content03 .indentList {
  margin-top: 30px; }
  .content03 .indentList li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content03 .indentList li {
        line-height: 40px; } }
    .content03 .indentList li:nth-child(n+2) {
      margin-top: 10px; }

@media only screen and (min-width: 1px) and (max-width: 750px) {
  .content04 {
    -moz-transform: translateY(-1.5px);
    -ms-transform: translateY(-1.5px);
    -webkit-transform: translateY(-1.5px);
    transform: translateY(-1.5px); } }
.content04 .buyStyle.web .btnList {
  display: flex;
  width: 375px;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content04 .buyStyle.web .btnList {
      width: 100%; } }
  .content04 .buyStyle.web .btnList li:nth-child(n+2) {
    margin-top: 10px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .content04 .buyStyle.web .btnList li:nth-child(n+2) {
        margin-top: 24px; } }
.content04 .buyStyle.tel .boxStyle:nth-child(n+2) {
  margin-top: 10px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content04 .buyStyle.tel .boxStyle:nth-child(n+2) {
      margin-top: 20px; } }
.content04 .buyStyle.tel .attentionList + .boxStyle {
  margin-top: 20px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .content04 .buyStyle.tel .attentionList + .boxStyle {
      margin-top: 40px; } }

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