/************************************
 * event plan
*************************************/
.event-plan * {
  box-sizing: border-box; }

.event-plan .event-info {
  width: 100%;
  font-size: 90%; }
  .event-plan .event-info .row {
    display: flex; }
    .event-plan .event-info .row .col {
      padding: 5px;
      background-color: #eee;
      border-top: 1px solid gray;
      border-left: 1px solid gray;
      text-align: left;
      width: 80%;
      flex-grow: 9999; }
      .event-plan .event-info .row .col:last-child {
        border-right: 1px solid gray; }
      .event-plan .event-info .row .col.label {
        width: 20%;
        background-color: #35c3dc;
        min-width: 3em; }
    @media only screen and (max-width: 767px) {
      .event-plan .event-info .row {
        flex-direction: column; }
        .event-plan .event-info .row .col {
          width: 100%;
          border-right: 1px solid gray; }
          .event-plan .event-info .row .col.label {
            width: 100%; } }
    .event-plan .event-info .row:last-child .col {
      border-bottom: 1px solid gray; }

.event-plan .toj-schedule {
  width: 100%;
  font-size: 90%; }
  .event-plan .toj-schedule .row {
    width: 100%;
    display: flex; }
    .event-plan .toj-schedule .row .col {
      padding: 5px;
      background-color: #eee;
      border-top: 1px solid gray;
      border-left: 1px solid gray;
      background-color: #eee;
      flex-grow: 9999; }
    .event-plan .toj-schedule .row .row-in-sp {
      display: flex;
      width: 100%; }
      .event-plan .toj-schedule .row .row-in-sp.date-time {
        width: 30%; }
      .event-plan .toj-schedule .row .row-in-sp.venues {
        width: 70%; }
      .event-plan .toj-schedule .row .row-in-sp .date {
        width: 20%; }
      .event-plan .toj-schedule .row .row-in-sp .time {
        width: 20%; }
      .event-plan .toj-schedule .row .row-in-sp .venue1 {
        width: 40%; }
      .event-plan .toj-schedule .row .row-in-sp .venue2 {
        width: 40%; }
      @media only screen and (max-width: 767px) {
        .event-plan .toj-schedule .row .row-in-sp {
          flex-direction: column; }
          .event-plan .toj-schedule .row .row-in-sp.date-time {
            width: 40%; }
          .event-plan .toj-schedule .row .row-in-sp.venues {
            width: 60%; }
          .event-plan .toj-schedule .row .row-in-sp .date {
            width: 100%;
            flex-shrink: 9999;
            padding-bottom: 0; }
          .event-plan .toj-schedule .row .row-in-sp .time {
            width: 100%;
            height: 100%;
            padding-top: 0;
            padding-left: 20px;
            border-top: 1px solid transparent; }
          .event-plan .toj-schedule .row .row-in-sp .venue1 {
            width: 100%; }
          .event-plan .toj-schedule .row .row-in-sp .venue2 {
            width: 100%; } }
      .event-plan .toj-schedule .row .row-in-sp:last-child .col:last-child {
        border-right: 1px solid gray; }
      @media only screen and (max-width: 767px) {
        .event-plan .toj-schedule .row .row-in-sp:last-child .col {
          border-right: 1px solid gray; } }
    .event-plan .toj-schedule .row.label .col {
      text-align: center;
      padding: 5px;
      background-color: #35c3dc; }
    @media only screen and (max-width: 767px) {
      .event-plan .toj-schedule .row:last-child .col:not(:last-child) {
        border-bottom: 1px solid transparent; } }
    .event-plan .toj-schedule .row:last-child .col {
      border-bottom: 1px solid gray; }

.event-plan .pdf {
  padding: 30px 0 10px;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .event-plan .pdf img {
      max-width: 360px; } }

/*# sourceMappingURL=event.css.map */