.eventListArea {
  background: #eee; }
  .eventListArea .header, .eventListArea .about, .eventListArea .topics, .eventListArea .findByColor, .eventListArea .calendar, .eventListArea .eventPostArea .article .body .schedule, .eventPostArea .article .body .eventListArea .schedule, .eventListArea .eventPostArea .article .body .eventDetail, .eventPostArea .article .body .eventListArea .eventDetail, .eventListArea .eventPostArea .article .body .entry, .eventPostArea .article .body .eventListArea .entry, .eventListArea .eventPostArea .article .body .contact, .eventPostArea .article .body .eventListArea .contact, .eventListArea .eventPostArea .article .body .finish, .eventPostArea .article .body .eventListArea .finish, .eventListArea .eventEntryForm .form, .eventEntryForm .eventListArea .form {
    position: relative;
    margin: 0 0 60px;
    padding: 0; }
    @media handheld, only screen and (max-width: 767px) {
      .eventListArea .header, .eventListArea .about, .eventListArea .topics, .eventListArea .findByColor, .eventListArea .calendar, .eventListArea .eventPostArea .article .body .schedule, .eventPostArea .article .body .eventListArea .schedule, .eventListArea .eventPostArea .article .body .eventDetail, .eventPostArea .article .body .eventListArea .eventDetail, .eventListArea .eventPostArea .article .body .entry, .eventPostArea .article .body .eventListArea .entry, .eventListArea .eventPostArea .article .body .contact, .eventPostArea .article .body .eventListArea .contact, .eventListArea .eventPostArea .article .body .finish, .eventPostArea .article .body .eventListArea .finish, .eventListArea .eventEntryForm .form, .eventEntryForm .eventListArea .form {
        margin: 0 0 40px; } }
  .eventListArea .topics h2, .eventListArea .findByColor h2, .eventListArea .eventList h2, .eventListArea .calendar h2, .eventListArea .eventPostArea .article .body .instructor h2, .eventPostArea .article .body .instructor .eventListArea h2, .eventListArea .eventPostArea .article .body .schedule h2, .eventPostArea .article .body .schedule .eventListArea h2, .eventListArea .eventPostArea .article .body .eventDetail h2, .eventPostArea .article .body .eventDetail .eventListArea h2, .eventListArea .eventPostArea .article .body .entry h2, .eventPostArea .article .body .entry .eventListArea h2, .eventListArea .eventPostArea .article .body .contact h2, .eventPostArea .article .body .contact .eventListArea h2, .eventListArea .eventPostArea .article .body .finish h2, .eventPostArea .article .body .finish .eventListArea h2, .eventListArea .eventEntryForm .form h2, .eventEntryForm .form .eventListArea h2 {
    margin: 30px 0;
    font-size: 24px; }
    @media handheld, only screen and (max-width: 767px) {
      .eventListArea .topics h2, .eventListArea .findByColor h2, .eventListArea .eventList h2, .eventListArea .calendar h2, .eventListArea .eventPostArea .article .body .instructor h2, .eventPostArea .article .body .instructor .eventListArea h2, .eventListArea .eventPostArea .article .body .schedule h2, .eventPostArea .article .body .schedule .eventListArea h2, .eventListArea .eventPostArea .article .body .eventDetail h2, .eventPostArea .article .body .eventDetail .eventListArea h2, .eventListArea .eventPostArea .article .body .entry h2, .eventPostArea .article .body .entry .eventListArea h2, .eventListArea .eventPostArea .article .body .contact h2, .eventPostArea .article .body .contact .eventListArea h2, .eventListArea .eventPostArea .article .body .finish h2, .eventPostArea .article .body .finish .eventListArea h2, .eventListArea .eventEntryForm .form h2, .eventEntryForm .form .eventListArea h2 {
        margin: 30px 0 15px;
        font-size: 20px; } }
  .eventListArea .isHidden {
    display: none !important; }
  .eventListArea .header {
    margin: 0 0 30px; }
    @media handheld, only screen and (max-width: 767px) {
      .eventListArea .header {
        margin: 0 0 20px; } }
  .eventListArea .about h2 {
    margin: 0 0 0.75em;
    font-size: 18px; }
  .eventListArea .about p {
    margin: 0 0 2em 0;
    padding: 0; }
  .eventListArea .topics ul {
    margin: 0;
    padding: 0; }
    .eventListArea .topics ul li {
      position: relative;
      padding: 0 0 0 10em;
      list-style: none; }
      @media handheld, only screen and (max-width: 767px) {
        .eventListArea .topics ul li {
          padding: 0; } }
    .eventListArea .topics ul li time {
      position: absolute;
      left: 0;
      font-size: 15px; }
      @media handheld, only screen and (max-width: 767px) {
        .eventListArea .topics ul li time {
          position: static;
          font-size: 13px; } }
    .eventListArea .topics ul li .topicTitle {
      display: inline;
      margin: 0;
      padding: 0;
      font-size: 15px; }
      @media handheld, only screen and (max-width: 767px) {
        .eventListArea .topics ul li .topicTitle {
          display: block;
          font-size: 13px; } }
  .eventListArea .findByColor .colorList {
    margin: 0;
    padding: 0;
    letter-spacing: -0.4em; }
  .eventListArea .findByColor .colorList .colorItem {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: calc(100% / 3);
    letter-spacing: normal;
    vertical-align: top; }
    @media handheld, only screen and (max-width: 767px) {
      .eventListArea .findByColor .colorList .colorItem {
        width: 100%;
        width: 50%; } }
    .eventListArea .findByColor .colorList .colorItem a {
      display: block;
      margin: 10px;
      padding: 15px 30px;
      text-align: center;
      text-decoration: none;
      border-radius: 5px; }
      @media handheld, only screen and (max-width: 767px) {
        .eventListArea .findByColor .colorList .colorItem a {
          margin: 0 0 10px;
          padding: 10px 15px;
          border: 0; } }
      .eventListArea .findByColor .colorList .colorItem a .color {
        display: block;
        font-size: 24px; }
      .eventListArea .findByColor .colorList .colorItem a .genre {
        display: block;
        min-height: 3em;
        font-size: 12px;
        line-height: 1.5;
        opacity: 0.5; }
        @media handheld, only screen and (max-width: 767px) {
          .eventListArea .findByColor .colorList .colorItem a .genre {
            min-height: 0;
            min-height: 4.5em; } }
    .eventListArea .findByColor .colorList .colorItem.pink.current a {
      background: #AF487E;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.pink a {
      color: #AF487E; }
    .eventListArea .findByColor .colorList .colorItem.pink a:hover {
      border-color: #AF487E; }
    .eventListArea .findByColor .colorList .colorItem.red.current a {
      background: #BF4D48;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.red a {
      color: #BF4D48; }
    .eventListArea .findByColor .colorList .colorItem.red a:hover {
      border-color: #BF4D48; }
    .eventListArea .findByColor .colorList .colorItem.orange.current a {
      background: #AC5722;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.orange a {
      color: #AC5722; }
    .eventListArea .findByColor .colorList .colorItem.orange a:hover {
      border-color: #AC5722; }
    .eventListArea .findByColor .colorList .colorItem.yellow.current a {
      background: #B68D19;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.yellow a {
      color: #B68D19; }
    .eventListArea .findByColor .colorList .colorItem.yellow a:hover {
      border-color: #B68D19; }
    .eventListArea .findByColor .colorList .colorItem.green.current a {
      background: #6DA152;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.green a {
      color: #6DA152; }
    .eventListArea .findByColor .colorList .colorItem.green a:hover {
      border-color: #6DA152; }
    .eventListArea .findByColor .colorList .colorItem.blue.current a {
      background: #4F57A5;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.blue a {
      color: #4F57A5; }
    .eventListArea .findByColor .colorList .colorItem.blue a:hover {
      border-color: #4F57A5; }
    .eventListArea .findByColor .colorList .colorItem.purple.current a {
      background: #76529E;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.purple a {
      color: #76529E; }
    .eventListArea .findByColor .colorList .colorItem.purple a:hover {
      border-color: #76529E; }
    .eventListArea .findByColor .colorList .colorItem.brown.current a {
      background: brown;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.brown a {
      color: brown; }
    .eventListArea .findByColor .colorList .colorItem.brown a:hover {
      border-color: brown; }
    .eventListArea .findByColor .colorList .colorItem.white.current a {
      background: white;
      color: #fff; }
    .eventListArea .findByColor .colorList .colorItem.white a {
      color: white; }
    .eventListArea .findByColor .colorList .colorItem.white a:hover {
      border-color: white; }
  .eventListArea .eventList .introduction {
    margin: -2em 0 1em 0; }
  .eventListArea .eventList .resultCount {
    margin: -2em 0 0 0; }
    .eventListArea .eventList .resultCount .count {
      color: #BF4D48; }
  .eventListArea .eventList .eventDetailList {
    margin: 0 0 30px 0;
    letter-spacing: -0.4em; }
    @media handheld, only screen and (max-width: 767px) {
      .eventListArea .eventList .eventDetailList {
        margin: 0 -15px 30px -15px; } }
    .eventListArea .eventList .eventDetailList .eventDetailItem {
      display: inline-block;
      margin: 0 5px 20px 5px;
      padding: 0;
      width: calc( (100% / 3) - 2px - 10px);
      min-height: 400px;
      border: 1px solid #eee;
      vertical-align: top;
      letter-spacing: normal;
      border-radius: 5px; }
      @media handheld, only screen and (max-width: 1023px) {
        .eventListArea .eventList .eventDetailList .eventDetailItem {
          margin: 0 5px 20px 5px;
          width: calc( (100%) - 2px - 10px);
          min-height: 0; } }
      @media handheld, only screen and (max-width: 767px) {
        .eventListArea .eventList .eventDetailList .eventDetailItem {
          margin: 0 10px 10px 10px;
          width: calc( (100%) - 2px - 20px);
          min-height: 0;
          font-size: 12px; } }
      .eventListArea .eventList .eventDetailList .eventDetailItem a {
        display: block;
        padding: 10px 10px 0;
        color: #333;
        text-decoration: none; }
      .eventListArea .eventList .eventDetailList .eventDetailItem a:hover {
        background: #f6f6f6; }
      .eventListArea .eventList .eventDetailList .eventDetailItem .thumbnail {
        margin: -10px -10px 10px;
        height: 180px;
        background: #f5f5f5;
        overflow: hidden; }
        @media handheld, only screen and (max-width: 767px) {
          .eventListArea .eventList .eventDetailList .eventDetailItem .thumbnail {
            height: 150px; } }
        .eventListArea .eventList .eventDetailList .eventDetailItem .thumbnail img {
          min-height: 180px;
          border-radius: 5px 5px 0 0; }
          @media handheld, only screen and (max-width: 767px) {
            .eventListArea .eventList .eventDetailList .eventDetailItem .thumbnail img {
              min-height: 150px;
              max-width: none; } }
      .eventListArea .eventList .eventDetailList .eventDetailItem .detail {
        min-height: 150px; }
        @media handheld, only screen and (max-width: 1023px) {
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail {
            min-height: 0; } }
        @media handheld, only screen and (max-width: 767px) {
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail {
            min-height: 0; } }
        .eventListArea .eventList .eventDetailList .eventDetailItem .detail h1 {
          display: inline-block;
          margin: 0 0.5em 0 0;
          font-size: 14px;
          line-height: 1.414;
          letter-spacing: normal; }
        .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color {
          display: inline-block;
          margin: 0;
          padding: 0; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.pink {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #AF487E;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.red {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #BF4D48;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.orange {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #AC5722;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.yellow {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #B68D19;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.green {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #6DA152;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.blue {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #4F57A5;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.purple {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #76529E;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.brown {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: brown;
            list-style: none;
            line-height: 1.414; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail .color li.white {
            display: inline-block;
            margin: 0;
            padding: 0;
            color: white;
            list-style: none;
            line-height: 1.414; }
        .eventListArea .eventList .eventDetailList .eventDetailItem .detail .tagline {
          margin: 0 0 5px;
          padding: 0;
          font-size: 12px;
          line-height: 1.414;
          color: #777; }
        .eventListArea .eventList .eventDetailList .eventDetailItem .detail ul.date {
          margin: 10px 0;
          padding: 0;
          letter-spacing: -0.4em;
          line-height: 1;
          vertical-align: top; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail ul.date li {
            display: inline-block;
            margin: 0 5px 5px 0;
            padding: 5px;
            border: 1px solid #ddd;
            color: #333;
            font-size: 12px;
            letter-spacing: normal;
            border-radius: 10px; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .detail ul.date li.finished {
            background: #eee;
            color: #999;
            text-decoration: line-through; }
      .eventListArea .eventList .eventDetailList .eventDetailItem .meta {
        margin: 10px -10px 0;
        padding: 10px 10px;
        border-top: 1px dashed #eee; }
        .eventListArea .eventList .eventDetailList .eventDetailItem .meta .organizer,
        .eventListArea .eventList .eventDetailList .eventDetailItem .meta .target,
        .eventListArea .eventList .eventDetailList .eventDetailItem .meta .fee {
          margin: 0;
          padding: 0;
          font-size: 11px;
          line-height: 1.2; }
          .eventListArea .eventList .eventDetailList .eventDetailItem .meta .organizer span,
          .eventListArea .eventList .eventDetailList .eventDetailItem .meta .target span,
          .eventListArea .eventList .eventDetailList .eventDetailItem .meta .fee span {
            display: inline-block;
            margin: 0 5px 5px 0;
            padding: 3px 5px;
            border: 1px dotted #f6f6f6;
            background: #f9f9f9;
            color: #999;
            line-height: 1;
            border-radius: 5px; }
    .eventListArea .eventList .eventDetailList .buttonShowMore {
      margin: 10px 0; }
      .eventListArea .eventList .eventDetailList .buttonShowMore a {
        display: block;
        padding: 10px;
        background: #eee;
        color: #333;
        letter-spacing: normal;
        text-align: center;
        font-size: 15px;
        border-radius: 10px; }
        .eventListArea .eventList .eventDetailList .buttonShowMore a:hover {
          background: #f5f5f5;
          text-decoration: none; }

.single-event .content {
  padding-top: 88px; }
  @media handheld, only screen and (max-width: 767px) {
    .single-event .content {
      padding-top: 32px; } }

.eventPostArea .article {
  overflow: visible; }
  .eventPostArea .article header {
    margin: -120px auto 40px;
    padding: 20px;
    width: calc(80% - 30px);
    border: 10px solid #F9F8F4;
    background: #fff;
    border-radius: 3px; }
    @media handheld, only screen and (max-width: 767px) {
      .eventPostArea .article header {
        margin: -45px auto 20px;
        padding: 10px;
        width: calc(100% - 40px);
        border: 10px solid #F9F8F4; } }
    .eventPostArea .article header h1 {
      font-size: 32px;
      text-align: center; }
      @media handheld, only screen and (max-width: 767px) {
        .eventPostArea .article header h1 {
          font-size: 18px; } }
    .eventPostArea .article header h2.tagline {
      margin: 0 0 20px 0;
      color: #aaa;
      font-size: 16px;
      text-align: center; }
      @media handheld, only screen and (max-width: 767px) {
        .eventPostArea .article header h2.tagline {
          font-size: 14px; } }
    .eventPostArea .article header .color {
      display: block;
      margin: 0 80px 30px;
      padding: 0;
      letter-spacing: -0.4em;
      text-align: center; }
      @media handheld, only screen and (max-width: 767px) {
        .eventPostArea .article header .color {
          margin: 0 10px 20px; } }
      .eventPostArea .article header .color li.pink {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #AF487E;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.pink {
            font-size: 12px; } }
      .eventPostArea .article header .color li.red {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #BF4D48;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.red {
            font-size: 12px; } }
      .eventPostArea .article header .color li.orange {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #AC5722;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.orange {
            font-size: 12px; } }
      .eventPostArea .article header .color li.yellow {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #B68D19;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.yellow {
            font-size: 12px; } }
      .eventPostArea .article header .color li.green {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #6DA152;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.green {
            font-size: 12px; } }
      .eventPostArea .article header .color li.blue {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #4F57A5;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.blue {
            font-size: 12px; } }
      .eventPostArea .article header .color li.purple {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: #76529E;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.purple {
            font-size: 12px; } }
      .eventPostArea .article header .color li.brown {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: brown;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.brown {
            font-size: 12px; } }
      .eventPostArea .article header .color li.white {
        display: inline-block;
        margin: 0 5px 10px 5px;
        padding: 0 10px;
        background-color: white;
        color: #fff;
        list-style: none;
        letter-spacing: normal;
        font-size: 16px;
        border-radius: 16px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .color li.white {
            font-size: 12px; } }
    .eventPostArea .article header .organizer,
    .eventPostArea .article header .target,
    .eventPostArea .article header .timeSchedule {
      margin: 0 0 30px 0;
      text-align: center; }
      @media handheld, only screen and (max-width: 767px) {
        .eventPostArea .article header .organizer,
        .eventPostArea .article header .target,
        .eventPostArea .article header .timeSchedule {
          margin: 0 0 20px 0; } }
      .eventPostArea .article header .organizer h2,
      .eventPostArea .article header .target h2,
      .eventPostArea .article header .timeSchedule h2 {
        margin: 0 auto 0.5em;
        padding: 5px 20px;
        width: 64%;
        border-bottom: 1px dotted #ccc;
        color: #888;
        font-size: 14px; }
      .eventPostArea .article header .organizer p,
      .eventPostArea .article header .target p,
      .eventPostArea .article header .timeSchedule p {
        margin: 0 0 1em 0;
        padding: 0 0 0 0;
        font-size: 14px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article header .organizer p,
          .eventPostArea .article header .target p,
          .eventPostArea .article header .timeSchedule p {
            margin: 0 10px 10px;
            font-size: 12px; } }
    .eventPostArea .article header .sub {
      padding: 10px;
      background: #F9F8F4;
      text-align: center;
      letter-spacing: -0.4em; }
      .eventPostArea .article header .sub .capacity,
      .eventPostArea .article header .sub .entryFee {
        display: inline-block;
        margin: 0 0 0.25em;
        padding: 0;
        font-size: 14px;
        letter-spacing: normal; }
        .eventPostArea .article header .sub .capacity .label,
        .eventPostArea .article header .sub .entryFee .label {
          margin: 0 0.5em 0 0;
          font-weight: bold; }
      .eventPostArea .article header .sub .capacity {
        margin-right: 1em; }
  .eventPostArea .article .body {
    margin: 0 auto 60px;
    max-width: 80%; }
    @media handheld, only screen and (max-width: 767px) {
      .eventPostArea .article .body {
        margin: 0 auto 30px;
        max-width: 100%; } }
    .eventPostArea .article .body.bodyALignLeft {
      text-align: left; }
    .eventPostArea .article .body.bodyAlignCenter {
      text-align: center; }
    .eventPostArea .article .body.bodyAlignRight {
      text-align: right; }
    .eventPostArea .article .body .eventListArea .header, .eventListArea .eventPostArea .article .body .header, .eventPostArea .article .body .eventListArea .about, .eventListArea .eventPostArea .article .body .about, .eventPostArea .article .body .eventListArea .topics, .eventListArea .eventPostArea .article .body .topics, .eventPostArea .article .body .eventListArea .findByColor, .eventListArea .eventPostArea .article .body .findByColor, .eventPostArea .article .body .eventListArea .calendar, .eventListArea .eventPostArea .article .body .calendar, .eventPostArea .article .body .schedule, .eventPostArea .article .body .eventDetail, .eventPostArea .article .body .entry, .eventPostArea .article .body .contact, .eventPostArea .article .body .finish, .eventPostArea .article .body .eventEntryForm .header, .eventEntryForm .eventPostArea .article .body .header, .eventPostArea .article .body .eventEntryForm .about, .eventEntryForm .eventPostArea .article .body .about, .eventPostArea .article .body .eventEntryForm .form, .eventEntryForm .eventPostArea .article .body .form {
      position: relative;
      margin: 0 0 60px;
      padding: 0; }
      @media handheld, only screen and (max-width: 767px) {
        .eventPostArea .article .body .eventListArea .header, .eventListArea .eventPostArea .article .body .header, .eventPostArea .article .body .eventListArea .about, .eventListArea .eventPostArea .article .body .about, .eventPostArea .article .body .eventListArea .topics, .eventListArea .eventPostArea .article .body .topics, .eventPostArea .article .body .eventListArea .findByColor, .eventListArea .eventPostArea .article .body .findByColor, .eventPostArea .article .body .eventListArea .calendar, .eventListArea .eventPostArea .article .body .calendar, .eventPostArea .article .body .schedule, .eventPostArea .article .body .eventDetail, .eventPostArea .article .body .entry, .eventPostArea .article .body .contact, .eventPostArea .article .body .finish, .eventPostArea .article .body .eventEntryForm .header, .eventEntryForm .eventPostArea .article .body .header, .eventPostArea .article .body .eventEntryForm .about, .eventEntryForm .eventPostArea .article .body .about, .eventPostArea .article .body .eventEntryForm .form, .eventEntryForm .eventPostArea .article .body .form {
          margin: 0 0 40px; } }
    .eventPostArea .article .body .eventListArea .topics h2, .eventListArea .topics .eventPostArea .article .body h2, .eventPostArea .article .body .eventListArea .findByColor h2, .eventListArea .findByColor .eventPostArea .article .body h2, .eventPostArea .article .body .eventListArea .eventList h2, .eventListArea .eventList .eventPostArea .article .body h2, .eventPostArea .article .body .eventListArea .calendar h2, .eventListArea .calendar .eventPostArea .article .body h2, .eventPostArea .article .body .instructor h2, .eventPostArea .article .body .schedule h2, .eventPostArea .article .body .eventDetail h2, .eventPostArea .article .body .entry h2, .eventPostArea .article .body .contact h2, .eventPostArea .article .body .finish h2, .eventPostArea .article .body .eventEntryForm .form h2, .eventEntryForm .form .eventPostArea .article .body h2 {
      margin: 0 0 30px 0;
      padding: 15px;
      border-bottom: 1px dotted #ccc;
      color: #888;
      font-size: 24px;
      font-weight: normal;
      text-align: center; }
    .eventPostArea .article .body .description {
      margin: 0 0 60px 0; }
      @media handheld, only screen and (max-width: 767px) {
        .eventPostArea .article .body .description {
          margin: 0 0 20px 0; } }
    .eventPostArea .article .body .instructor {
      margin: 0 0 60px 0; }
      .eventPostArea .article .body .instructor dl {
        margin: 0;
        padding: 0; }
      .eventPostArea .article .body .instructor dl dt {
        margin: 0;
        padding: 0;
        font-size: 20px;
        font-weight: bold; }
      .eventPostArea .article .body .instructor dl dd {
        margin: 0;
        padding: 0; }
    .eventPostArea .article .body .schedule dl {
      margin: 0; }
      .eventPostArea .article .body .schedule dl dt {
        margin: 0 0 1em 0;
        font-weight: bold;
        font-size: 16px;
        text-align: center; }
      .eventPostArea .article .body .schedule dl dd {
        margin: 0;
        padding: 0; }
      .eventPostArea .article .body .schedule dl dd ul {
        margin: 0;
        padding: 0;
        text-align: center; }
      .eventPostArea .article .body .schedule dl dd ul li {
        display: inline-block;
        margin: 0 10px 10px 0;
        padding: 0; }
      .eventPostArea .article .body .schedule dl dd ul li a {
        display: inline-block;
        padding: 10px 10px;
        border: 1px solid #eee;
        letter-spacing: normal;
        line-height: 1;
        border-radius: 10px; }
    .eventPostArea .article .body .eventDetail {
      margin-bottom: 0; }
      .eventPostArea .article .body .eventDetail .eventDetailList {
        text-align: left;
        letter-spacing: -0.4em; }
      .eventPostArea .article .body .eventDetail pre {
        letter-spacing: normal; }
      .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem {
        position: relative;
        display: inline-block;
        margin: 0 10px 60px 10px;
        padding: 180px 30px 30px 30px;
        width: calc(100% - 82px);
        border: 1px solid #eee;
        text-align: center;
        letter-spacing: normal;
        vertical-align: top;
        border-radius: 10px; }
        @media handheld, only screen and (max-width: 767px) {
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem {
            margin: 0 0 30px 0;
            padding: 180px 15px 15px 15px;
            width: calc(100% - 32px); } }
        .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .thumbnail {
          position: absolute;
          top: 0;
          left: 0;
          margin: 0;
          padding: 0;
          width: 100%;
          height: 150px;
          background: #f5f5f5;
          overflow: hidden; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .thumbnail img {
            max-width: 100%;
            border-radius: 10px 10px 0 0; }
        .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .meta {
          position: relative;
          margin: 0 0 0.25em; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .meta .date {
            display: inline-block;
            margin: 0;
            padding: 0; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .meta .acceptingStatus {
            position: absolute;
            top: calc(-30px - 0.5em - 8px);
            left: calc(50% - 75px);
            display: inline-block;
            margin: 0;
            padding: 2px 5px;
            width: 150px;
            background: #fff;
            font-size: 13px;
            border-radius: 5px;
            z-index: 1000;
            background: #799D83;
            color: #fff; }
            .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .meta .acceptingStatus.accept {
              background: #799D83;
              color: #fff; }
        .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .about {
          margin: 0 0 30px 0; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .about h3 {
            margin: 0 0 1em;
            padding: 0;
            font-size: 20px; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .about p {
            margin: 0;
            padding: 0;
            font-size: 14px;
            text-align: left; }
        .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .relatedImages {
          margin: 0 0 30px 0;
          padding: 0; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .relatedImages ul {
            margin: 0;
            padding: 0;
            letter-spacing: -0.4em;
            list-style: none; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .relatedImages ul li {
            position: relative;
            display: inline-block;
            margin: 0 5px;
            padding: 0;
            width: 48px;
            height: 48px;
            letter-spacing: normal;
            vertical-align: top;
            overflow: hidden;
            border-radius: 50%; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .relatedImages ul li a {
            display: block;
            opacity: 0.5; }
            .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .relatedImages ul li a:hover {
              opacity: 1; }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .relatedImages ul li img {
            position: absolute;
            left: 0;
            width: auto;
            max-width: none;
            height: 100%;
            vertical-align: top; }
        .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .linkReservation {
          margin: 0 -30px -30px;
          padding: 10px 0;
          background: #F9F8F4;
          border-radius: 0 0 10px 10px; }
          @media handheld, only screen and (max-width: 767px) {
            .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .linkReservation {
              margin: 0 -15px -15px; } }
          .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .linkReservation a {
            display: inline-block;
            padding: 7px 20px;
            border: 1px solid #f4e0df;
            background: transparent;
            color: #BF4D48;
            font-size: 14px;
            border-radius: 25px; }
            .eventPostArea .article .body .eventDetail .eventDetailList .eventDetailListItem .linkReservation a:hover {
              background: #fff; }
    .eventPostArea .article .body .entry h3 {
      margin: 0 0 0.5em 0;
      font-size: 16px; }

.eventEntryForm {
  background: #eee; }
  .eventEntryForm .eventListArea .topics, .eventListArea .eventEntryForm .topics, .eventEntryForm .eventListArea .findByColor, .eventListArea .eventEntryForm .findByColor, .eventEntryForm .eventListArea .calendar, .eventListArea .eventEntryForm .calendar, .eventEntryForm .eventPostArea .article .body .schedule, .eventPostArea .article .body .eventEntryForm .schedule, .eventEntryForm .eventPostArea .article .body .eventDetail, .eventPostArea .article .body .eventEntryForm .eventDetail, .eventEntryForm .eventPostArea .article .body .entry, .eventPostArea .article .body .eventEntryForm .entry, .eventEntryForm .eventPostArea .article .body .contact, .eventPostArea .article .body .eventEntryForm .contact, .eventEntryForm .eventPostArea .article .body .finish, .eventPostArea .article .body .eventEntryForm .finish, .eventEntryForm .header, .eventEntryForm .about, .eventEntryForm .form {
    position: relative;
    margin: 0 0 60px;
    padding: 0; }
    @media handheld, only screen and (max-width: 767px) {
      .eventEntryForm .eventListArea .topics, .eventListArea .eventEntryForm .topics, .eventEntryForm .eventListArea .findByColor, .eventListArea .eventEntryForm .findByColor, .eventEntryForm .eventListArea .calendar, .eventListArea .eventEntryForm .calendar, .eventEntryForm .eventPostArea .article .body .schedule, .eventPostArea .article .body .eventEntryForm .schedule, .eventEntryForm .eventPostArea .article .body .eventDetail, .eventPostArea .article .body .eventEntryForm .eventDetail, .eventEntryForm .eventPostArea .article .body .entry, .eventPostArea .article .body .eventEntryForm .entry, .eventEntryForm .eventPostArea .article .body .contact, .eventPostArea .article .body .eventEntryForm .contact, .eventEntryForm .eventPostArea .article .body .finish, .eventPostArea .article .body .eventEntryForm .finish, .eventEntryForm .header, .eventEntryForm .about, .eventEntryForm .form {
        margin: 0 0 40px; } }
  .eventEntryForm .eventListArea .topics h2, .eventListArea .topics .eventEntryForm h2, .eventEntryForm .eventListArea .findByColor h2, .eventListArea .findByColor .eventEntryForm h2, .eventEntryForm .eventListArea .eventList h2, .eventListArea .eventList .eventEntryForm h2, .eventEntryForm .eventListArea .calendar h2, .eventListArea .calendar .eventEntryForm h2, .eventEntryForm .eventPostArea .article .body .instructor h2, .eventPostArea .article .body .instructor .eventEntryForm h2, .eventEntryForm .eventPostArea .article .body .schedule h2, .eventPostArea .article .body .schedule .eventEntryForm h2, .eventEntryForm .eventPostArea .article .body .eventDetail h2, .eventPostArea .article .body .eventDetail .eventEntryForm h2, .eventEntryForm .eventPostArea .article .body .entry h2, .eventPostArea .article .body .entry .eventEntryForm h2, .eventEntryForm .eventPostArea .article .body .contact h2, .eventPostArea .article .body .contact .eventEntryForm h2, .eventEntryForm .eventPostArea .article .body .finish h2, .eventPostArea .article .body .finish .eventEntryForm h2, .eventEntryForm .form h2 {
    margin: 0 0 30px 0;
    padding: 15px;
    border-bottom: 1px dotted #ccc;
    color: #888;
    font-size: 24px;
    font-weight: normal;
    text-align: center; }
  .eventEntryForm .header {
    margin: 0 0 30px; }
    @media handheld, only screen and (max-width: 767px) {
      .eventEntryForm .header {
        margin: 0 0 20px; } }
  .eventEntryForm .about {
    margin: 0 0 20px; }
    .eventEntryForm .about h2 {
      margin: 0 0 0.75em;
      font-size: 18px; }
    .eventEntryForm .about p {
      margin: 0 0 2em 0;
      padding: 0; }
    .eventEntryForm .about ul {
      margin: 0 0 20px 0;
      padding: 15px;
      color: #555;
      background: #f5f5f5; }
    .eventEntryForm .about .notice {
      padding: 15px;
      background: #faf2f2;
      color: #BF4D48; }
  .eventEntryForm .form .formItem {
    position: relative;
    padding: 0 0 0 30%; }
    @media handheld, only screen and (max-width: 767px) {
      .eventEntryForm .form .formItem {
        padding: 0; } }
    .eventEntryForm .form .formItem.formItemFull {
      padding: 0; }
    .eventEntryForm .form .formItem p {
      margin: 0.25em 0 1em;
      padding: 0;
      font-size: 13px; }
      .eventEntryForm .form .formItem p.example {
        color: #A7B3B7; }
    .eventEntryForm .form .formItem .label {
      position: absolute;
      left: 0;
      width: 30%;
      font-size: 14px;
      color: #999; }
      @media handheld, only screen and (max-width: 767px) {
        .eventEntryForm .form .formItem .label {
          position: static;
          margin: 0 0 15px 0;
          padding: 5px 10px;
          width: auto;
          background: #f5f5f5; } }
    .eventEntryForm .form .formItem .input {
      letter-spacing: -0.4em; }
    .eventEntryForm .form .formItem .input .full {
      margin: 0 0 10px 0;
      padding: 0 10px;
      width: calc(100% - 20px);
      letter-spacing: normal; }
    .eventEntryForm .form .formItem .input .half {
      display: inline-block;
      margin: 0 0 10px 0;
      padding: 0 10px;
      width: calc(50% - 20px);
      vertical-align: top;
      letter-spacing: normal; }
    .eventEntryForm .form .formItem .input .full input[type=text],
    .eventEntryForm .form .formItem .input .full textarea,
    .eventEntryForm .form .formItem .input .half input[type=text],
    .eventEntryForm .form .formItem .input .half textarea {
      width: calc(100% - 22px);
      padding: 10px !important; }
    .eventEntryForm .form .formItem .input .full label.radio,
    .eventEntryForm .form .formItem .input .half label.radio {
      margin: 0 10px 0 0;
      padding: 10px; }
    .eventEntryForm .form .formItem .input .full p.value,
    .eventEntryForm .form .formItem .input .half p.value {
      font-size: 15px; }
  .eventEntryForm .form .btnBack {
    text-align: center; }
  .eventEntryForm .form .btnSubmit {
    margin: 30px 0; }
    @media handheld, only screen and (max-width: 767px) {
      .eventEntryForm .form .btnSubmit {
        margin: 60px 0 0 0; } }
    .eventEntryForm .form .btnSubmit a {
      display: block;
      margin: 0 20%;
      padding: 15px;
      background: #BF4D48;
      color: #fff;
      font-size: 20px;
      text-align: center;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
      border-radius: 10px; }
      .eventEntryForm .form .btnSubmit a:hover {
        text-decoration: none; }
      @media handheld, only screen and (max-width: 767px) {
        .eventEntryForm .form .btnSubmit a {
          margin: 0 20px;
          font-size: 16px; } }