@charset "UTF-8";
#ui-scrollnav {
  display: none;
}

/*
CSS使用ページ
/entrance/open/schedule/
/entrance/open/reception/
*/
#mainimgs.mainimg_oc2020 {
  background: url("/entrance/images/oc2020/mainimg_oc2020_bg.jpg") no-repeat top center;
  background-size: cover;
}

#mainimgs.mainimg_oc2020:before {
  display: none;
  content: none;
}

#mainimgs.mainimg_oc2020 .ui-category-title {
  width: 100%;
  left: 0;
  text-align: center;
}

#mainimgs.mainimg_oc2020 .ui-category-title .title img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #mainimgs.mainimg_oc2020 {
    background-image: url("/common/images/2019/mainimg_oc2019_smp.jpg");
  }
  #mainimgs.mainimg_oc2020 .ui-category-title {
    -webkit-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }
  #mainimgs.mainimg_oc2020 .title img {
    width: 304.5px;
    height: auto;
  }
}
/* =============================================== */
/* OCparts */
/* =============================================== */
.ocev-label {
  font-weight: bold;
  display: inline-block;
  font-size: 9px;
  color: #FFF;
  padding: 0.3em 0.8em 0.2em;
  border-radius: 1.6em;
  background-color: #F00;
  text-align: center;
  line-height: 1;
}

.ocev-status {
  display: inline-block;
  padding-left: 1.1em;
  text-indent: -1.1em;
  font-size: 10px;
  color: #535353;
}

.ocev-status:before {
  text-indent: 0;
  content: "●";
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  margin-right: 0.1em;
  color: #53CC43;
}

.ocev-status.status-out:before {
  content: "×";
  color: #FF0000;
}

.ocev-status.status-less:before {
  content: "▲";
  color: #FFBA00;
}

.oc_event_meta {
  text-align: right;
}

.oc_event_meta li {
  display: inline-block;
  margin: 0 0.3em;
}

.oc_event_meta .ocev-status {
  font-size: 10px;
  margin-bottom: 1em;
}

.ocev-place {
  font-size: 0.71429em;
}

.ocev-place, .ocev-place a {
  color: #898989;
}

.ocev-place a {
  display: inline-block;
  text-decoration: underline;
  margin-right: 1em;
}

.ocev-place a:hover {
  text-decoration: none;
}

.ocev-place:before {
  content: "";
  display: inline-block;
  background: url("/entrance/images/oc2020/icon_place.png") no-repeat center;
  width: 8px;
  height: 0;
  padding: 12px 0 0;
  margin-right: 5px;
  vertical-align: middle;
  background-size: contain;
}

.ocev-time {
  font-size: 1.42857em;
  font-weight: bold;
  display: block;
  font-style: normal;
}

.ocev-tag {
  display: block;
  font-size: 0.71429em;
}

.ocev-title {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1.42857em;
  font-weight: bold;
}

/* BTN */
[class*=btn_ocev] {
  outline: none;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  transition: 0.2s all;
}

.btn_ocev-req,
.btn_ocev-checkbox {
  font-weight: bold;
  font-size: 1em;
  text-indent: -1em;
  padding-left: 1em;
  vertical-align: middle;
}

.btn_ocev-req span,
.btn_ocev-checkbox span {
  text-indent: 0;
}

.btn_ocev-req span:before,
.btn_ocev-checkbox span:before {
  content: "";
  display: inline-block;
  width: 18px;
  padding: 18px 0 0;
  background: url("/entrance/images/oc2020/icon_checkbox_off.png") no-repeat center;
  margin-right: 0.6em;
  vertical-align: middle;
  background-size: contain;
}

.btn_ocev-req:hover span:before, .btn_ocev-req.event-on span:before,
.btn_ocev-checkbox:hover span:before,
.btn_ocev-checkbox.event-on span:before {
  background-image: url("/entrance/images/oc2020/icon_checkbox_on.png");
}

.btn_ocev-req {
  display: block;
  width: 100%;
  text-align: center;
  color: #333;
  border: 1px solid #fff;
  background-color: #FFF;
  padding: 1em 0;
}

.btn_ocev-req:disabled, .btn_ocev-req.checkbox-disabled {
  background-color: #707070;
  border-color: #707070;
  color: #fff;
  text-indent: 0;
}

.btn_ocev-req:disabled span:before, .btn_ocev-req.checkbox-disabled span:before {
  content: none;
}

.btn_ocev-checkbox {
  border: none;
  background: transparent;
}

.btn_ocev-checkbox:disabled, .btn_ocev-checkbox.checkbox-disabled {
  color: #707070;
}

.btn_ocev-checkbox:disabled span:before, .btn_ocev-checkbox.checkbox-disabled span:before {
  opacity: 0.5;
}

.btn_ocev-cl {
  display: inline-block;
  color: #000;
  font-weight: bold;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 1em;
}

.btn_ocev-cl:before {
  content: "×";
  display: inline-block;
  background-color: #000;
  color: #FFF;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  border-radius: 50%;
  padding: 0.1em;
  line-height: 1;
  text-align: center;
  margin: 0 0.6em 0 0;
}

.btn_ocev-l {
  background: #707070;
  border: 1px solid #707070;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding: 1.5em 0.2em;
  margin: 0.2em 1em;
  border-radius: 4px;
  box-sizing: border-box;
}

.btn_ocev-l:hover {
  opacity: 0.7;
  color: #fff;
}

.btn_ocev-l[type=submit] {
  background-color: #273166;
  border-color: #273166;
}

.btn_ocev-s {
  background: #707070;
  border: 1px solid #707070;
  color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 230px;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding: 0.8em 1em;
  margin: 0.2em 1em;
  box-sizing: border-box;
}

.btn_ocev-s:hover {
  opacity: 0.7;
  color: #fff;
}

.btn_ocev-s[type=submit] {
  background-color: #273166;
  border-color: #273166;
}

/* =============================================== */
/* イベント一覧 oc_eventgrid */
/* =============================================== */
.oc_eventgrid_heading {
  position: relative;
  font-size: 1.25em;
  font-weight: bold;
  color: #000;
  border: none;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.2;
  align-items: center;
}

.oc_eventgrid_heading > span {
  padding-right: 0.5em;
  background-color: #FFF;
  position: relative;
  zoom: 0;
}

.oc_eventgrid_heading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 0.6em;
  border-bottom: 1px solid #BCBCBC;
  vertical-align: middle;
  z-index: -1;
}

.oc_eventgrid_heading:first-child {
  margin-top: 0;
}

.oc_eventgrid_box {
  display: block;
  text-decoration: none;
  border: 1px solid #e9ebf1;
  background-color: #e9ebf1;
  color: #000;
  font-size: 0.875em;
  line-height: 1.2;
  position: relative;
  padding: 0 0 5.5em;
}

.oc_eventgrid_box .ocev-heading,
.oc_eventgrid_box .ocev-body,
.oc_eventgrid_box .ocev-footer {
  display: block;
  padding-left: 1em;
  padding-right: 1em;
}

.oc_eventgrid_box .ocev-heading {
  background-color: #FFF;
  padding-top: 1em;
  padding-bottom: 0.8em;
}

.oc_eventgrid_box .ocev-body {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

.oc_eventgrid_box .ocev-footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-top: 0.8em;
  padding-bottom: 1em;
}

.oc_eventgrid_box .ocev-status {
  margin-bottom: 1em;
}

.oc_eventgrid_box .ocev-label {
  position: absolute;
  right: 1em;
  top: 1em;
}

.oc_eventgrid_box .ocev-tag {
  margin-bottom: 0.6em;
}

.oc_eventgrid_box .ocev-title, .oc_eventgrid_box .ocev-title a {
  color: #273166;
}

.oc_eventgrid_box.box-eng, .oc_eventgrid_box.box-eng-1, .oc_eventgrid_box.box-eng-2, .oc_eventgrid_box.box-eng-3 {
  border-color: #e9eaef;
  background: #e9eaef;
}

.oc_eventgrid_box.box-eng.event-on, .oc_eventgrid_box.box-eng-1.event-on, .oc_eventgrid_box.box-eng-2.event-on, .oc_eventgrid_box.box-eng-3.event-on {
  border-color: #565485;
  background: #565485;
}

.oc_eventgrid_box.box-es, .oc_eventgrid_box.box-es-1, .oc_eventgrid_box.box-es-2, .oc_eventgrid_box.box-es-3 {
  border-color: #e9eaef;
  background: #e9eaef;
}

.oc_eventgrid_box.box-es.event-on, .oc_eventgrid_box.box-es-1.event-on, .oc_eventgrid_box.box-es-2.event-on, .oc_eventgrid_box.box-es-3.event-on {
  border-color: #565485;
  background: #565485;
}

.oc_eventgrid_box.box-cs {
  border-color: #ebeff3;
  background: #ebeff3;
}

.oc_eventgrid_box.box-cs.event-on {
  border-color: #386288;
  background: #386288;
}

.oc_eventgrid_box.box-bs {
  border-color: #f1f6ee;
  background: #f1f6ee;
}

.oc_eventgrid_box.box-bs.event-on {
  border-color: #7aa759;
  background: #7aa759;
}

.oc_eventgrid_box.box-ds {
  border-color: #faf1e9;
  background: #faf1e9;
}

.oc_eventgrid_box.box-ds.event-on {
  border-color: #dc8531;
  background: #dc8531;
}

.oc_eventgrid_box.box-ms {
  border-color: #f7eced;
  background: #f7eced;
}

.oc_eventgrid_box.box-ms.event-on {
  border-color: #b2434b;
  background: #b2434b;
}

.oc_eventgrid_box.box-hs,
.oc_eventgrid_box.box-hs-1, .oc_eventgrid_box.box-hs-2,
.oc_eventgrid_box.box-hs-3, .oc_eventgrid_box.box-hs-4,
.oc_eventgrid_box.box-hs-5, .oc_eventgrid_box.box-hs-6 {
  border-color: #f9eced;
  background: #f9eced;
}

.oc_eventgrid_box.box-hs.event-on,
.oc_eventgrid_box.box-hs-1.event-on, .oc_eventgrid_box.box-hs-2.event-on,
.oc_eventgrid_box.box-hs-3.event-on, .oc_eventgrid_box.box-hs-4.event-on,
.oc_eventgrid_box.box-hs-5.event-on, .oc_eventgrid_box.box-hs-6.event-on,
.oc_eventgrid_box.box-hs_1.event-on {
  border-color: #c13c45;
  background: #c13c45;
}

.oc_eventgrid_box.box-reco {
  border-color: #f4f2e5;
  background: #f4f2e5;
}

.oc_eventgrid_box.box-reco.event-on {
  border-color: #988600;
  background: #988600;
}

.oc_eventgrid_box.box-tour {
  border-color: #f7efec;
  background: #f7efec;
}

.oc_eventgrid_box.box-tour.event-on {
  border-color: #a8573a;
  background: #a8573a;
}

.oc_eventgrid_box.box-sp, .oc_eventgrid_box.box-sp a, .oc_eventgrid_box.box-sp.event-on {
  color: #ffffff;
  background: #ff9638;
  border-color: #ff9638;
}

.oc_eventgrid_box.box-sp span {
  color: #fff;
}

.oc_eventgrid_box.box-sp .ocev-time,
.oc_eventgrid_box.box-sp .ocev-footer span {
  color: #000;
}

.oc_eventgrid_box.box-sp .btn_ocev-req:disabled span {
  color: #fff;
}

.oc_eventgrid_box.event-on {
  border-color: #273166;
  background: #273166;
}

.oc_eventgrid_box.event-on .ocev-status {
  color: #FFF;
}

.oc_eventgrid_box.event-on .ocev-body, .oc_eventgrid_box.event-on .ocev-body a {
  color: #FFF;
}

.oc_eventgrid_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.oc_eventgrid_body > * {
  flex-basis: 24%;
  margin-right: 1.33333%;
  margin-bottom: 20px;
}

.oc_eventgrid_body > *:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .oc_eventgrid_box .ocev-label {
    right: 2px;
    top: 2px;
  }
  .oc_eventgrid_body {
    justify-content: space-between;
  }
  .oc_eventgrid_body > * {
    flex-basis: 49%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.oc_eventgrid_date {
  font-size: 14px;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
}

.oc_eventgrid_date.day-1, .oc_eventgrid_date.day-2,
.oc_eventgrid_date.day-3, .oc_eventgrid_date.day-4,
.oc_eventgrid_date.day-5, .oc_eventgrid_date.day-6,
.oc_eventgrid_date.day-7, .oc_eventgrid_date.day-8,
.oc_eventgrid_date.day-9, .oc_eventgrid_date.day-10,
.oc_eventgrid_date.day-0, .oc_eventgrid_date.day-99 {
  display: none;
}

.oc_eventgrid_date.day-1.current, .oc_eventgrid_date.day-2.current,
.oc_eventgrid_date.day-3.current, .oc_eventgrid_date.day-4.current,
.oc_eventgrid_date.day-5.current, .oc_eventgrid_date.day-6.current,
.oc_eventgrid_date.day-7.current, .oc_eventgrid_date.day-8.current,
.oc_eventgrid_date.day-9.current, .oc_eventgrid_date.day-10.current,
.oc_eventgrid_date.day-0.current, .oc_eventgrid_date.day-99.current {
  display: block;
}

/* =============================================== */
/* イベント申込一覧 oc_eventlist */
/* =============================================== */
.oc_eventlist_box {
  display: block;
  border: 1px solid #273166;
  font-size: 0.875em;
  position: relative;
  margin-bottom: 1.2em;
}

.oc_eventlist_box .ocev-heading {
  padding: 10px 13px;
  background-color: #FFF;
}

.oc_eventlist_box .ocev-body {
  display: table;
  width: 100%;
}

.oc_eventlist_box .ocev-body > * {
  display: table-cell;
}

.oc_eventlist_box .ocev-detail {
  width: auto;
  padding: 10px 13px;
  background-color: #273166;
}

.oc_eventlist_box .ocev-detail, .oc_eventlist_box .ocev-detail a {
  color: #FFF;
}

.oc_eventlist_box .ocev-visitor {
  width: 10em;
  padding: 10px 13px;
  background-color: #F2F2F2;
}

.oc_eventlist_box .ocev-time {
  font-size: 1em;
}

.oc_eventlist_box .ocev-time strong {
  font-size: 1.42857em;
}

.oc_eventlist_box .btn_ocev-cl {
  position: absolute;
  right: 20px;
  top: 10px;
}

.oc_eventlist_box .btn_ocev-checkbox {
  padding-right: 0;
}

.oc_eventlist_box.box-eng, .oc_eventlist_box.box-eng-1,
.oc_eventlist_box.box-eng-2, .oc_eventlist_box.box-eng-3 {
  border-color: #565485;
}

.oc_eventlist_box.box-eng .ocev-detail,
.oc_eventlist_box.box-eng-1 .ocev-detail,
.oc_eventlist_box.box-eng-2 .ocev-detail,
.oc_eventlist_box.box-eng-3 .ocev-detail {
  background: #565485;
}

.oc_eventlist_box.box-es, .oc_eventlist_box.box-es-1,
.oc_eventlist_box.box-es-2, .oc_eventlist_box.box-es-3 {
  border-color: #565485;
}

.oc_eventlist_box.box-es .ocev-detail,
.oc_eventlist_box.box-es-1 .ocev-detail,
.oc_eventlist_box.box-es-2 .ocev-detail,
.oc_eventlist_box.box-es-3 .ocev-detail {
  background: #565485;
}

.oc_eventlist_box.box-cs {
  border-color: #386288;
}

.oc_eventlist_box.box-cs .ocev-detail {
  background: #386288;
}

.oc_eventlist_box.box-bs {
  border-color: #7aa759;
}

.oc_eventlist_box.box-bs .ocev-detail {
  background: #7aa759;
}

.oc_eventlist_box.box-ds {
  border-color: #dc8531;
}

.oc_eventlist_box.box-ds .ocev-detail {
  background: #dc8531;
}

.oc_eventlist_box.box-ms {
  border-color: #b2434b;
}

.oc_eventlist_box.box-ms .ocev-detail {
  background: #b2434b;
}

.oc_eventlist_box.box-hs,
.oc_eventlist_box.box-hs-1, .oc_eventlist_box.box-hs-2,
.oc_eventlist_box.box-hs-3, .oc_eventlist_box.box-hs-4,
.oc_eventlist_box.box-hs-5, .oc_eventlist_box.box-hs-6 {
  border-color: #c13c45;
}

.oc_eventlist_box.box-hs .ocev-detail,
.oc_eventlist_box.box-hs-1 .ocev-detail,
.oc_eventlist_box.box-hs-2 .ocev-detail,
.oc_eventlist_box.box-hs-3 .ocev-detail,
.oc_eventlist_box.box-hs-4 .ocev-detail,
.oc_eventlist_box.box-hs-5 .ocev-detail,
.oc_eventlist_box.box-hs-6 .ocev-detail {
  background: #c13c45;
}

.oc_eventlist_box.box-reco {
  border-color: #988600;
}

.oc_eventlist_box.box-reco .ocev-detail {
  background: #988600;
}

.oc_eventlist_box.box-tour {
  border-color: #a8573a;
}

.oc_eventlist_box.box-tour .ocev-detail {
  background: #a8573a;
}

.oc_eventlist_box.box-ms {
  border-color: #b2434b;
}

.oc_eventlist_box.box-ms .ocev-detail {
  background: #b2434b;
}

.oc_eventlist_box.box-sp {
  border-color: #ff9638;
}

.oc_eventlist_box.box-sp .ocev-detail {
  background: #ff9638;
}

.oc_eventlist_area.area {
  padding-top: 0;
  padding-bottom: 0;
}

.oc_eventlist_area .area-footer {
  text-align: center;
  margin-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .oc_eventlist_box {
    padding-bottom: 41px;
  }
  .oc_eventlist_box .ocev-heading {
    padding: 5px 10px;
  }
  .oc_eventlist_box .ocev-visitor {
    width: 7em;
    padding: 5px 10px;
  }
  .oc_eventlist_box .ocev-visitor li {
    margin-bottom: 0.3em;
    font-size: 1.25em;
  }
  .oc_eventlist_box .btn_ocev-cl {
    width: 100%;
    height: 41px;
    line-height: 40px;
    border-top: 1px solid #273166;
    text-align: center;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
  }
  .oc_eventlist_box .btn_ocev-cl:hover {
    background-color: #e9ebf1;
  }
  .oc_eventlist_area .area-footer {
    display: flex;
    justify-content: space-between;
  }
  .oc_eventlist_area .area-footer .btn_ocev-l {
    margin: 0;
    width: auto;
    flex-basis: 49%;
  }
}
.oc_eventlist_box {
  display: none;
  -webkit-animation: tooltipHide 0.4s linear 0s;
          animation: tooltipHide 0.4s linear 0s;
}

.oc_eventlist_box.event-on {
  display: block;
  -webkit-animation: tooltipShow 0.4s linear 0s;
          animation: tooltipShow 0.4s linear 0s;
}

/* =============================================== */
/* タイムテーブル oc_timetable */
/* =============================================== */
.oc_tt-box {
  position: absolute;
  display: block;
  border: 2px solid #BCBCBC;
  font-size: 0.625em;
  z-index: 2;
  border: 1px solid #273166;
  background-color: #e9ebf1;
  height: 90px;
  top: 5px;
  padding: 0;
  line-height: 1.3;
  box-sizing: border-box;
}

.oc_tt-box a {
  color: #273166;
}

.oc_tt-box .btn_ocev-req {
  padding: 0.4em;
  text-indent: 0;
  text-align: left;
  border: none;
}

.oc_tt-box .btn_ocev-req span:before {
  width: 12px;
  padding-top: 12px;
}

.oc_tt-box .ocev-body {
  padding: 0.3em;
}

.oc_tt-box .ocev-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.oc_tt-box .ocev-title {
  font-size: 1em;
  font-weight: normal;
}

.oc_tt-box .ocev-time {
  font-size: 0.9em;
}

.oc_tt-box.box-eng, .oc_tt-box.box-eng-1, .oc_tt-box.box-eng-2, .oc_tt-box.box-eng-3 {
  border-color: #565485;
  background: #e9eaef;
}

.oc_tt-box.box-eng.event-on, .oc_tt-box.box-eng-1.event-on, .oc_tt-box.box-eng-2.event-on, .oc_tt-box.box-eng-3.event-on {
  border-color: #565485;
  background: #565485;
}

.oc_tt-box.box-es, .oc_tt-box.box-es-1, .oc_tt-box.box-es-2, .oc_tt-box.box-es-3 {
  border-color: #565485;
  background: #e9eaef;
}

.oc_tt-box.box-es.event-on, .oc_tt-box.box-es-1.event-on, .oc_tt-box.box-es-2.event-on, .oc_tt-box.box-es-3.event-on {
  border-color: #565485;
  background: #565485;
}

.oc_tt-box.box-cs {
  border-color: #386288;
  background: #ebeff3;
}

.oc_tt-box.box-cs.event-on {
  border-color: #386288;
  background: #386288;
}

.oc_tt-box.box-bs {
  border-color: #7aa759;
  background: #f1f6ee;
}

.oc_tt-box.box-bs.event-on {
  border-color: #7aa759;
  background: #7aa759;
}

.oc_tt-box.box-ds {
  border-color: #dc8531;
  background: #faf1e9;
}

.oc_tt-box.box-ds.event-on {
  border-color: #dc8531;
  background: #dc8531;
}

.oc_tt-box.box-ms {
  border-color: #b2434b;
  background: #f7eced;
}

.oc_tt-box.box-ms.event-on {
  border-color: #b2434b;
  background: #b2434b;
}

.oc_tt-box.box-hs,
.oc_tt-box.box-hs-1, .oc_tt-box.box-hs-2,
.oc_tt-box.box-hs-3, .oc_tt-box.box-hs-4,
.oc_tt-box.box-hs-5, .oc_tt-box.box-hs-6 {
  border-color: #c13c45;
  background: #f9eced;
}

.oc_tt-box.box-hs.event-on,
.oc_tt-box.box-hs-1.event-on, .oc_tt-box.box-hs-2.event-on,
.oc_tt-box.box-hs-3.event-on, .oc_tt-box.box-hs-4.event-on,
.oc_tt-box.box-hs-5.event-on, .oc_tt-box.box-hs-6.event-on {
  border-color: #c13c45;
  background: #c13c45;
}

.oc_tt-box.box-reco {
  border-color: #988600;
  background: #f4f2e5;
}

.oc_tt-box.box-reco.event-on {
  border-color: #988600;
  background: #988600;
}

.oc_tt-box.box-tour {
  border-color: #a8573a;
  background: #f7efec;
}

.oc_tt-box.box-tour.event-on {
  border-color: #a8573a;
  background: #a8573a;
}

.oc_tt-box.box-sp, .oc_tt-box.box-sp a, .oc_tt-box.box-sp.event-on {
  color: #ffffff;
  background: #ff9638;
  border-color: #ff9638;
}

.oc_tt-box.event-on {
  border-color: #273166;
  background: #273166;
}

.oc_tt-box.event-on .ocev-status {
  color: #FFF;
}

.oc_tt-box.event-on .ocev-body, .oc_tt-box.event-on .ocev-body a {
  color: #FFF;
}

.oc_tt-box.s0900 {
  left: 0px;
}

.oc_tt-box.s0905 {
  left: 14.5px;
}

.oc_tt-box.s0910 {
  left: 28.5px;
}

.oc_tt-box.s0915 {
  left: 42.5px;
}

.oc_tt-box.s0920 {
  left: 56.5px;
}

.oc_tt-box.s0925 {
  left: 80.5px;
}

.oc_tt-box.s0930 {
  left: 85px;
}

.oc_tt-box.s0935 {
  left: 99px;
}

.oc_tt-box.s0940 {
  left: 113.5px;
}

.oc_tt-box.s0945 {
  left: 127.5px;
}

.oc_tt-box.s0950 {
  left: 141.5px;
}

.oc_tt-box.s0955 {
  left: 155.5px;
}

.oc_tt-box.s1000 {
  left: 0px;
}

.oc_tt-box.s1005 {
  left: 14.5px;
}

.oc_tt-box.s1010 {
  left: 28.5px;
}

.oc_tt-box.s1015 {
  left: 42.5px;
}

.oc_tt-box.s1020 {
  left: 56.5px;
}

.oc_tt-box.s1025 {
  left: 80.5px;
}

.oc_tt-box.s1030 {
  left: 85px;
}

.oc_tt-box.s1035 {
  left: 99px;
}

.oc_tt-box.s1040 {
  left: 113.5px;
}

.oc_tt-box.s1045 {
  left: 127.5px;
}

.oc_tt-box.s1050 {
  left: 141.5px;
}

.oc_tt-box.s1055 {
  left: 155.5px;
}

.oc_tt-box.s1100 {
  left: 170px;
}

.oc_tt-box.s1105 {
  left: 184.5px;
}

.oc_tt-box.s1110 {
  left: 198.5px;
}

.oc_tt-box.s1115 {
  left: 212.5px;
}

.oc_tt-box.s1120 {
  left: 226.5px;
}

.oc_tt-box.s1125 {
  left: 250.5px;
}

.oc_tt-box.s1130 {
  left: 255px;
}

.oc_tt-box.s1135 {
  left: 269px;
}

.oc_tt-box.s1140 {
  left: 283.5px;
}

.oc_tt-box.s1145 {
  left: 297.5px;
}

.oc_tt-box.s1150 {
  left: 311.5px;
}

.oc_tt-box.s1155 {
  left: 325.5px;
}

.oc_tt-box.s1200 {
  left: 340px;
}

.oc_tt-box.s1205 {
  left: 354.5px;
}

.oc_tt-box.s1210 {
  left: 368.5px;
}

.oc_tt-box.s1215 {
  left: 382.5px;
}

.oc_tt-box.s1220 {
  left: 396.5px;
}

.oc_tt-box.s1225 {
  left: 420.5px;
}

.oc_tt-box.s1230 {
  left: 425px;
}

.oc_tt-box.s1235 {
  left: 439px;
}

.oc_tt-box.s1240 {
  left: 453.5px;
}

.oc_tt-box.s1245 {
  left: 467.5px;
}

.oc_tt-box.s1250 {
  left: 481.5px;
}

.oc_tt-box.s1255 {
  left: 495.5px;
}

.oc_tt-box.s1300 {
  left: 510px;
}

.oc_tt-box.s1305 {
  left: 524.5px;
}

.oc_tt-box.s1310 {
  left: 538.5px;
}

.oc_tt-box.s1315 {
  left: 552.5px;
}

.oc_tt-box.s1320 {
  left: 566.5px;
}

.oc_tt-box.s1325 {
  left: 590.5px;
}

.oc_tt-box.s1330 {
  left: 595px;
}

.oc_tt-box.s1335 {
  left: 609px;
}

.oc_tt-box.s1340 {
  left: 623.5px;
}

.oc_tt-box.s1345 {
  left: 637.5px;
}

.oc_tt-box.s1350 {
  left: 651.5px;
}

.oc_tt-box.s1355 {
  left: 665.5px;
}

.oc_tt-box.s1400 {
  left: 680px;
}

.oc_tt-box.s1405 {
  left: 694.5px;
}

.oc_tt-box.s1410 {
  left: 708.5px;
}

.oc_tt-box.s1415 {
  left: 722.5px;
}

.oc_tt-box.s1420 {
  left: 736.5px;
}

.oc_tt-box.s1425 {
  left: 760.5px;
}

.oc_tt-box.s1430 {
  left: 765px;
}

.oc_tt-box.s1435 {
  left: 779px;
}

.oc_tt-box.s1440 {
  left: 793.5px;
}

.oc_tt-box.s1445 {
  left: 807.5px;
}

.oc_tt-box.s1450 {
  left: 821.5px;
}

.oc_tt-box.s1455 {
  left: 835.5px;
}

.oc_tt-box.s1500 {
  left: 850px;
}

.oc_tt-box.s1505 {
  left: 864.5px;
}

.oc_tt-box.s1510 {
  left: 878.5px;
}

.oc_tt-box.s1515 {
  left: 892.5px;
}

.oc_tt-box.s1520 {
  left: 906.5px;
}

.oc_tt-box.s1525 {
  left: 930.5px;
}

.oc_tt-box.s1530 {
  left: 935px;
}

.oc_tt-box.s1535 {
  left: 949px;
}

.oc_tt-box.s1540 {
  left: 963.5px;
}

.oc_tt-box.s1545 {
  left: 977.5px;
}

.oc_tt-box.s1550 {
  left: 991.5px;
}

.oc_tt-box.s1555 {
  left: 1005.5px;
}

.oc_tt-box.s1600 {
  left: 1020px;
}

.oc_tt-box.s1605 {
  left: 1034.5px;
}

.oc_tt-box.s1610 {
  left: 1048.5px;
}

.oc_tt-box.s1615 {
  left: 1062.5px;
}

.oc_tt-box.s1620 {
  left: 1076.5px;
}

.oc_tt-box.s1625 {
  left: 1100.5px;
}

.oc_tt-box.s1630 {
  left: 1105px;
}

.oc_tt-box.s1635 {
  left: 1119px;
}

.oc_tt-box.s1640 {
  left: 1133.5px;
}

.oc_tt-box.s1645 {
  left: 1147.5px;
}

.oc_tt-box.s1650 {
  left: 1161.5px;
}

.oc_tt-box.s1655 {
  left: 1175.5px;
}

.oc_tt-box.s1700 {
  left: 1190px;
}

.oc_tt-box.s1705 {
  left: 1204.5px;
}

.oc_tt-box.s1710 {
  left: 1218.5px;
}

.oc_tt-box.s1715 {
  left: 1232.5px;
}

.oc_tt-box.s1720 {
  left: 1246.5px;
}

.oc_tt-box.s1725 {
  left: 1270.5px;
}

.oc_tt-box.s1730 {
  left: 1275px;
}

.oc_tt-box.s1735 {
  left: 1289px;
}

.oc_tt-box.s1740 {
  left: 1303.5px;
}

.oc_tt-box.s1745 {
  left: 1317.5px;
}

.oc_tt-box.s1750 {
  left: 1331.5px;
}

.oc_tt-box.s1755 {
  left: 1345.5px;
}

.oc_tt-box.s1800 {
  left: 1360px;
}

.oc_tt-box.s1805 {
  left: 1374.5px;
}

.oc_tt-box.s1810 {
  left: 1388.5px;
}

.oc_tt-box.s1815 {
  left: 1402.5px;
}

.oc_tt-box.s1820 {
  left: 1416.5px;
}

.oc_tt-box.s1825 {
  left: 1440.5px;
}

.oc_tt-box.s1830 {
  left: 1445px;
}

.oc_tt-box.s1835 {
  left: 1459px;
}

.oc_tt-box.s1840 {
  left: 1473.5px;
}

.oc_tt-box.s1845 {
  left: 1487.5px;
}

.oc_tt-box.s1850 {
  left: 1501.5px;
}

.oc_tt-box.s1855 {
  left: 1515.5px;
}

.oc_tt-box.s1900 {
  left: 1530px;
}

.oc_tt-box.s1905 {
  left: 1544.5px;
}

.oc_tt-box.s1910 {
  left: 1558.5px;
}

.oc_tt-box.s1915 {
  left: 1572.5px;
}

.oc_tt-box.s1920 {
  left: 1586.5px;
}

.oc_tt-box.s1925 {
  left: 1610.5px;
}

.oc_tt-box.s1930 {
  left: 1615px;
}

.oc_tt-box.s1935 {
  left: 1629px;
}

.oc_tt-box.s1940 {
  left: 1643.5px;
}

.oc_tt-box.s1945 {
  left: 1657.5px;
}

.oc_tt-box.s1950 {
  left: 1671.5px;
}

.oc_tt-box.s1955 {
  left: 1685.5px;
}

.oc_tt-box.e0900 {
  right: 1945px;
}

.oc_tt-box.e0905 {
  right: 1931px;
}

.oc_tt-box.e0910 {
  right: 1916.5px;
}

.oc_tt-box.e0915 {
  right: 1902.5px;
}

.oc_tt-box.e0920 {
  right: 1888.5px;
}

.oc_tt-box.e0925 {
  right: 1874.5px;
}

.oc_tt-box.e0930 {
  right: 1860px;
}

.oc_tt-box.e0935 {
  right: 1846px;
}

.oc_tt-box.e0940 {
  right: 1832.5px;
}

.oc_tt-box.e0945 {
  right: 1817.5px;
}

.oc_tt-box.e0950 {
  right: 1803.5px;
}

.oc_tt-box.e0955 {
  right: 1789.5px;
}

.oc_tt-box.e1000 {
  right: 1775px;
}

.oc_tt-box.e1005 {
  right: 1761px;
}

.oc_tt-box.e1010 {
  right: 1747.5px;
}

.oc_tt-box.e1015 {
  right: 1732.5px;
}

.oc_tt-box.e1020 {
  right: 1718.5px;
}

.oc_tt-box.e1025 {
  right: 1704.5px;
}

.oc_tt-box.e1030 {
  right: 1690px;
}

.oc_tt-box.e1035 {
  right: 1676px;
}

.oc_tt-box.e1040 {
  right: 1661.5px;
}

.oc_tt-box.e1045 {
  right: 1647.5px;
}

.oc_tt-box.e1050 {
  right: 1633.5px;
}

.oc_tt-box.e1055 {
  right: 1619.5px;
}

.oc_tt-box.e1100 {
  right: 1605px;
}

.oc_tt-box.e1105 {
  right: 1591px;
}

.oc_tt-box.e1110 {
  right: 1576.5px;
}

.oc_tt-box.e1115 {
  right: 1562.5px;
}

.oc_tt-box.e1120 {
  right: 1548.5px;
}

.oc_tt-box.e1125 {
  right: 1534.5px;
}

.oc_tt-box.e1130 {
  right: 1520px;
}

.oc_tt-box.e1135 {
  right: 1506px;
}

.oc_tt-box.e1140 {
  right: 1491.5px;
}

.oc_tt-box.e1145 {
  right: 1477.5px;
}

.oc_tt-box.e1150 {
  right: 1463.5px;
}

.oc_tt-box.e1155 {
  right: 1449.5px;
}

.oc_tt-box.e1200 {
  right: 1435px;
}

.oc_tt-box.e1205 {
  right: 1421px;
}

.oc_tt-box.e1210 {
  right: 1407.5px;
}

.oc_tt-box.e1215 {
  right: 1392.5px;
}

.oc_tt-box.e1220 {
  right: 1378.5px;
}

.oc_tt-box.e1225 {
  right: 1364.5px;
}

.oc_tt-box.e1230 {
  right: 1350px;
}

.oc_tt-box.e1235 {
  right: 1336px;
}

.oc_tt-box.e1240 {
  right: 1321.5px;
}

.oc_tt-box.e1245 {
  right: 1307.5px;
}

.oc_tt-box.e1250 {
  right: 1293.5px;
}

.oc_tt-box.e1255 {
  right: 1279.5px;
}

.oc_tt-box.e1300 {
  right: 1265px;
}

.oc_tt-box.e1305 {
  right: 1251px;
}

.oc_tt-box.e1310 {
  right: 1237.5px;
}

.oc_tt-box.e1315 {
  right: 1222.5px;
}

.oc_tt-box.e1320 {
  right: 1208.5px;
}

.oc_tt-box.e1325 {
  right: 1194.5px;
}

.oc_tt-box.e1330 {
  right: 1180px;
}

.oc_tt-box.e1335 {
  right: 1166px;
}

.oc_tt-box.e1340 {
  right: 1152.5px;
}

.oc_tt-box.e1345 {
  right: 1137.5px;
}

.oc_tt-box.e1350 {
  right: 1123.5px;
}

.oc_tt-box.e1355 {
  right: 1109.5px;
}

.oc_tt-box.e1400 {
  right: 1095px;
}

.oc_tt-box.e1405 {
  right: 1081px;
}

.oc_tt-box.e1410 {
  right: 1067.5px;
}

.oc_tt-box.e1415 {
  right: 1052.5px;
}

.oc_tt-box.e1420 {
  right: 1038.5px;
}

.oc_tt-box.e1425 {
  right: 1024.5px;
}

.oc_tt-box.e1430 {
  right: 1010px;
}

.oc_tt-box.e1435 {
  right: 996px;
}

.oc_tt-box.e1440 {
  right: 982.5px;
}

.oc_tt-box.e1445 {
  right: 967.5px;
}

.oc_tt-box.e1450 {
  right: 953.5px;
}

.oc_tt-box.e1455 {
  right: 939.5px;
}

.oc_tt-box.e1500 {
  right: 924px;
}

.oc_tt-box.e1505 {
  right: 911px;
}

.oc_tt-box.e1510 {
  right: 896.5px;
}

.oc_tt-box.e1515 {
  right: 882.5px;
}

.oc_tt-box.e1520 {
  right: 868.5px;
}

.oc_tt-box.e1525 {
  right: 854.5px;
}

.oc_tt-box.e1530 {
  right: 840px;
}

.oc_tt-box.e1535 {
  right: 826px;
}

.oc_tt-box.e1540 {
  right: 812.5px;
}

.oc_tt-box.e1545 {
  right: 797.5px;
}

.oc_tt-box.e1550 {
  right: 783.5px;
}

.oc_tt-box.e1555 {
  right: 769.5px;
}

.oc_tt-box.e1600 {
  right: 755px;
}

.oc_tt-box.e1605 {
  right: 741px;
}

.oc_tt-box.e1610 {
  right: 727.5px;
}

.oc_tt-box.e1615 {
  right: 712.5px;
}

.oc_tt-box.e1620 {
  right: 698.5px;
}

.oc_tt-box.e1625 {
  right: 684.5px;
}

.oc_tt-box.e1630 {
  right: 670px;
}

.oc_tt-box.e1635 {
  right: 656px;
}

.oc_tt-box.e1640 {
  right: 642.5px;
}

.oc_tt-box.e1645 {
  right: 627.5px;
}

.oc_tt-box.e1650 {
  right: 613.5px;
}

.oc_tt-box.e1655 {
  right: 599.5px;
}

.oc_tt-box.e1700 {
  right: 585px;
}

.oc_tt-box.e1705 {
  right: 571px;
}

.oc_tt-box.e1710 {
  right: 556.5px;
}

.oc_tt-box.e1715 {
  right: 542.5px;
}

.oc_tt-box.e1720 {
  right: 528.5px;
}

.oc_tt-box.e1725 {
  right: 514.5px;
}

.oc_tt-box.e1730 {
  right: 500px;
}

.oc_tt-box.e1735 {
  right: 486px;
}

.oc_tt-box.e1740 {
  right: 472.5px;
}

.oc_tt-box.e1745 {
  right: 458.5px;
}

.oc_tt-box.e1750 {
  right: 444.5px;
}

.oc_tt-box.e1755 {
  right: 430.5px;
}

.oc_tt-box.e1800 {
  right: 416px;
}

.oc_tt-box.e1805 {
  right: 402px;
}

.oc_tt-box.e1810 {
  right: 388.5px;
}

.oc_tt-box.e1815 {
  right: 374.5px;
}

.oc_tt-box.e1820 {
  right: 360.5px;
}

.oc_tt-box.e1825 {
  right: 346.5px;
}

.oc_tt-box.e1830 {
  right: 332px;
}

.oc_tt-box.e1835 {
  right: 318px;
}

.oc_tt-box.e1840 {
  right: 303.5px;
}

.oc_tt-box.e1845 {
  right: 289.5px;
}

.oc_tt-box.e1850 {
  right: 275.5px;
}

.oc_tt-box.e1855 {
  right: 261.5px;
}

.oc_tt-box.e1900 {
  right: 247px;
}

.oc_tt-box.e1905 {
  right: 233px;
}

.oc_tt-box.e1910 {
  right: 219.5px;
}

.oc_tt-box.e1915 {
  right: 205.5px;
}

.oc_tt-box.e1920 {
  right: 191.5px;
}

.oc_tt-box.e1925 {
  right: 177.5px;
}

.oc_tt-box.e1930 {
  right: 163px;
}

.oc_tt-box.e1935 {
  right: 149px;
}

.oc_tt-box.e1940 {
  right: 134.5px;
}

.oc_tt-box.e1945 {
  right: 120.5px;
}

.oc_tt-box.e1950 {
  right: 106.5px;
}

.oc_tt-box.e1955 {
  right: 92.5px;
}

.oc_tt-box.e2000 {
  right: 78px;
}

.oc_tt-box.e2005 {
  right: 64px;
}

.oc_tt-box.e2010 {
  right: 49.5px;
}

.oc_tt-box.e2015 {
  right: 42px;
}

.oc_tt-box.e2020 {
  right: 28px;
}

.oc_tt-box.e2025 {
  right: 14px;
}

.oc_tt-box.e2030 {
  right: 0px;
}

.oc_tt-row_m {
  position: relative;
  border-top: 1px solid #BCBCBC;
  box-sizing: border-box;
  height: 0;
  position: absolute;
}

.oc_tt-row_m:first-child {
  border-top-width: 0;
}

.oc_tt-row {
  border-bottom: 2px solid #BCBCBC;
}

.oc_tt-row.current .oc_tt-row_m {
  height: 100px;
  position: relative;
}

.oc_tt-row {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.oc_tt-row.current {
  height: auto;
  opacity: 1;
}

.oc_timetable_body {
  position: relative;
}

.oc_timetable_body > * {
  padding-top: 3em;
}

.oc_timetable_body:after {
  content: "";
  display: block;
  border-top: 1px solid #BCBCBC;
  width: 100%;
  position: absolute;
  left: 0;
  top: 3em;
  z-index: 2;
}

.oc_timetable_body:before {
  content: "";
  width: 7%;
  display: block;
  position: absolute;
  right: 0;
  top: 3em;
  bottom: 0;
  z-index: 2;
  background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0) 99%);
}

.oc_ttbody-fixed {
  width: 297px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: linear-gradient(to right, #ffffff, #ffffff 85%, rgba(255, 255, 255, 0) 95%);
}

.oc_ttbody-fixed .oc_tt-row {
  display: table;
  width: 100%;
  border-bottom: 2px solid #BCBCBC;
}

.oc_ttbody-fixed .oc_tt-row > * {
  display: table-cell;
}

.oc_ttbody-fixed .timetable_headline_l {
  width: 120px;
  border-right: 1px solid #BCBCBC;
  font-size: 14px;
  padding: 10px 0 0 10px;
  box-sizing: border-box;
}

.oc_ttbody-fixed .timetable_headline_m {
  width: 177px;
  font-size: 12px;
  vertical-align: top;
}

.oc_ttbody-fixed .oc_tt-row_m {
  padding: 10px 0 0 10px;
}

.oc_ttbody-scroll {
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
  z-index: 0;
}

.oc_ttbody-scroll > * {
  /*  width: 1445px;*/
  /*  width: 1945px;*/
  width: 1775px;
  margin-left: 297px;
}

.oc_timetable_body > .oc_ttbody_date {
  padding-top: 0em;
  width: 200px;
  margin-left: 80px;
}

.oc_ttbody_date {
  font-size: 14px;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
}

.oc_ttbody-scroll .oc_ttbody_bg {
  font-size: 14px;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% + 3em);
}

.oc_ttbody-scroll .oc_ttbody_bg span {
  display: block;
  position: absolute;
  /*width: 40px;*/
  width: 45px;
  height: calc(100% - 3em);
  top: 0;
  left: -20px;
  text-align: center;
  font-size: 0.85714em;
  padding: 1.3em 0 0;
}

.oc_ttbody-scroll .oc_ttbody_bg span:before, .oc_ttbody-scroll .oc_ttbody_bg span:after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  top: 3.4em;
  border-left: 1px solid #BCBCBC;
}

.oc_ttbody-scroll .oc_ttbody_bg span:before {
  border-left-width: 2px;
  left: 20px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:after {
  left: 105px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(1) {
  left: -20px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(2) {
  left: 150px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(3) {
  left: 320px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(4) {
  left: 490px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(5) {
  left: 660px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(6) {
  left: 830px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(7) {
  left: 1000px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(8) {
  left: 1170px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(9) {
  left: 1340px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(10) {
  left: 1510px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(11) {
  left: 1680px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(12) {
  left: 1850px;
}

.oc_ttbody-scroll .oc_ttbody_bg span:nth-child(13) {
  left: 2020px;
}

.oc_timetable_area .oc_area_heading {
  position: relative;
  border-bottom: 1px solid #E9ECEE;
  line-height: 1;
}

.oc_timetable_area .oc_area_heading h3 {
  border: none;
  margin: 0;
  text-align: center;
  color: #000;
  font-size: 0.875em;
  padding: 1em 0.5em;
  line-height: 1;
}

.oc_timetable_area .oc_area_heading .ocev-status {
  margin-bottom: 0;
}

.oc_timetable_area .oc_area_heading .oc_event_meta {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .oc_ttbody-fixed {
    width: 160px;
  }
  .oc_ttbody-fixed .timetable_headline_l {
    width: 80px;
    font-size: 12px;
    padding: 5px 0 0 5px;
  }
  .oc_ttbody-fixed .timetable_headline_m {
    width: 80px;
    font-size: 11px;
  }
  .oc_ttbody-fixed .timetable_headline_m .oc_tt-row_m {
    padding: 5px 0 0 5px;
  }
  .oc_ttbody-scroll > * {
    margin-left: 160px;
  }
  .oc_timetable_area .oc_area_heading {
    padding-bottom: 1em;
  }
  .oc_timetable_area .oc_area_heading .oc_event_meta {
    position: relative;
    right: auto;
    top: auto;
    text-align: center;
  }
}
/* =============================================== */
/* POPUP */
/* =============================================== */
.oc_modal {
  cursor: pointer;
  display: block;
  text-decoration: none;
  background-color: #FFF;
  color: #000;
  font-size: 0.875em;
  line-height: 1.2;
}

.oc_modal .modal-heading,
.oc_modal .modal-body,
.oc_modal .modal-footer {
  display: block;
  padding-left: 1em;
  padding-right: 1em;
}

.oc_modal .modal-heading {
  background-color: #e9ebf1;
  padding-top: 1em;
  padding-bottom: 0.8em;
}

.oc_modal .modal-body {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  position: relative;
}

.oc_modal .modal-footer {
  display: none;
  padding-top: 0.8em;
  padding-bottom: 1em;
}

.oc_modal .ocev-time {
  font-size: 1.42857em;
  font-weight: bold;
  display: block;
  font-style: normal;
}

.oc_modal .ocev-status {
  font-size: 0.71429em;
  color: #535353;
  margin-bottom: 1em;
}

.oc_modal .eventbox_tag {
  display: block;
  font-size: 0.71429em;
}

.oc_modal .ocev-title {
  margin: 0 0 0.5em;
  padding: 0;
  border: none;
  font-size: 1.42857em;
  font-weight: bold;
}

.oc_modal .ocev-title, .oc_modal .ocev-title a {
  color: #273166;
}

.oc_modal p {
  line-height: 1.7;
}

.oc_modal figure {
  margin: 0.5em 0;
}

.oc_modal .ocev-label {
  position: absolute;
  right: 1em;
  top: 1em;
}

.oc_modal .btn_ocev-req {
  background-color: #273166;
  border-color: #273166;
  color: #FFF;
}

.oc_modal .btn_ocev-req span:before {
  background-image: url("/entrance/images/oc2020/icon_checkbox_wh.png");
}

.oc_modal .btn_ocev-req:disabled {
  border-color: #707070;
  background-color: #707070;
}

.oc_modal .btn_ocev-req.event-on {
  display: none;
}

.oc-popup#cboxOverlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.oc-popup #cboxTopLeft,
.oc-popup #cboxTopRight,
.oc-popup #cboxTopCenter,
.oc-popup #cboxBottomLeft,
.oc-popup #cboxBottomRight,
.oc-popup #cboxBottomCenter,
.oc-popup #cboxMiddleLeft,
.oc-popup #cboxMiddleRight {
  height: 10px;
  width: 10px;
  background: transparent;
}

.oc-popup #cboxLoadedContent {
  margin-bottom: 0;
}

.oc-popup #cboxClose {
  right: 10px;
  top: 10px;
  background: transparent;
  text-indent: 0;
  color: #333;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  left: auto;
  bottom: auto;
}

/* =============================================== */
/* OCTemp */
/* =============================================== */
.oc_header {
  background-color: rgba(88, 176, 213, 0.2);
  padding: 1.3125em 20px;
}

.oc_header .container {
  display: flex;
  align-items: center;
}

.oc_header .title {
  font-size: 1.5em;
  color: #000;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.oc_header .label {
  display: table;
  width: 6.25em;
  height: 6.25em;
  text-align: center;
  margin-right: 0.8em;
  border-radius: 50%;
  line-height: 1;
  color: #FFF;
  background-color: #3E508D;
  padding: 0;
}

.oc_header .label span {
  display: table-cell;
  vertical-align: middle;
}

.oc_header .label span strong {
  display: block;
  text-align: center;
  margin: 0 auto 0;
  font-size: 1.875em;
  font-weight: bold;
}

.oc_header .label span small {
  display: block;
  text-align: center;
  margin: 1em auto 0;
  font-size: 0.875em;
}

.oc_lead .posRight {
  margin-left: 3em;
}

.oc_footer {
  background-color: #273166;
  text-align: center;
  padding: 1.2em;
}

.oc_footer .btn {
  display: inline-block;
  background-color: #FFF;
  color: #273166;
  border: none;
  outline: none;
  padding: 0.8em 1em;
  max-width: 230px;
  font-weight: bold;
  font-size: 1.25em;
}

.oc_nav__page {
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #E9ECEE;
  line-height: 1;
}

.oc_nav__page li {
  display: inline-block;
  margin: 0 1em;
}

.oc_nav__page a {
  display: block;
  text-align: center;
  padding: 1em 0;
  box-sizing: border-box;
  color: #000;
  text-decoration: none;
  min-width: 120px;
  border-bottom: 2px solid transparent;
  font-weight: bold;
}

.oc_nav__page a.current, .oc_nav__page a:hover {
  color: #273166;
  border-color: #273166;
}

.oc_nav__category {
  text-align: center;
  border-bottom: 1px solid #E9ECEE;
  line-height: 1;
}

.oc_nav__category li {
  display: inline-block;
  margin: 0 1em;
}

.oc_nav__category a {
  display: block;
  text-align: center;
  padding: 1em 0;
  box-sizing: border-box;
  color: #000;
  text-decoration: none;
  min-width: 120px;
  border-bottom: 2px solid transparent;
  font-weight: bold;
}

.oc_nav__category a.current, .oc_nav__category a:hover {
  color: #273166;
  border-color: #273166;
}

.oc_eventselect_tab {
  font-size: 0.75em;
  /*text-align: left;*/
  margin: 0 auto;
  max-width: 100%;
  display: block;
}

.oc_eventselect_tab li {
  box-sizing: border-box;
  padding: 6px;
  display: inline-block;
  width: 19.7%;
  vertical-align: middle;
}

.oc_eventselect_tab input[type=checkbox] {
  display: none;
}

.oc_eventselect_tab .oc_tab_btn {
  outline: 0;
  background: #fff;
  width: 100%;
  display: block;
  line-height: 1;
  text-align: center;
  padding: 0.8em 0.4em;
  font-weight: bold;
  color: #273166;
  border: 1px solid #273166;
  border-radius: 1.4em;
  text-decoration: none;
  box-sizing: border-box;
}

.oc_eventselect_tab .oc_tab_btn.octab_eng,
.oc_eventselect_tab .oc_tab_btn.octab_eng-1,
.oc_eventselect_tab .oc_tab_btn.octab_eng-2,
.oc_eventselect_tab .oc_tab_btn.octab_eng-3 {
  border-color: #565485;
  color: #565485;
}

.oc_eventselect_tab .oc_tab_btn.octab_es,
.oc_eventselect_tab .oc_tab_btn.octab_es-1,
.oc_eventselect_tab .oc_tab_btn.octab_es-2,
.oc_eventselect_tab .oc_tab_btn.octab_es-3 {
  border-color: #565485;
  color: #565485;
}

.oc_eventselect_tab .oc_tab_btn.octab_cs {
  border-color: #386288;
  color: #386288;
  letter-spacing: -0.1em;
}

.oc_eventselect_tab .oc_tab_btn.octab_ds {
  border-color: #dc8531;
  color: #dc8531;
}

.oc_eventselect_tab .oc_tab_btn.octab_bs {
  border-color: #7aa759;
  color: #7aa759;
}

.oc_eventselect_tab .oc_tab_btn.octab_ms {
  border-color: #b2434b;
  color: #b2434b;
}

.oc_eventselect_tab .oc_tab_btn.octab_hs,
.oc_eventselect_tab .oc_tab_btn.octab_hs-1,
.oc_eventselect_tab .oc_tab_btn.octab_hs-2,
.oc_eventselect_tab .oc_tab_btn.octab_hs-3,
.oc_eventselect_tab .oc_tab_btn.octab_hs-4,
.oc_eventselect_tab .oc_tab_btn.octab_hs-5,
.oc_eventselect_tab .oc_tab_btn.octab_hs-6 {
  border-color: #c13c45;
  color: #c13c45;
}

.oc_eventselect_tab .oc_tab_btn:hover,
.oc_eventselect_tab .oc_tab_btn.current {
  background-color: #273166;
  color: #FFF;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_eng,
.oc_eventselect_tab .oc_tab_btn:hover.octab_eng-1,
.oc_eventselect_tab .oc_tab_btn:hover.octab_eng-2,
.oc_eventselect_tab .oc_tab_btn:hover.octab_eng-3,
.oc_eventselect_tab .oc_tab_btn.current.octab_eng,
.oc_eventselect_tab .oc_tab_btn.current.octab_eng-1,
.oc_eventselect_tab .oc_tab_btn.current.octab_eng-2,
.oc_eventselect_tab .oc_tab_btn.current.octab_eng-3 {
  background-color: #565485;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_es,
.oc_eventselect_tab .oc_tab_btn:hover.octab_es-1,
.oc_eventselect_tab .oc_tab_btn:hover.octab_es-2,
.oc_eventselect_tab .oc_tab_btn:hover.octab_es-3,
.oc_eventselect_tab .oc_tab_btn.current.octab_es,
.oc_eventselect_tab .oc_tab_btn.current.octab_es-1,
.oc_eventselect_tab .oc_tab_btn.current.octab_es-2,
.oc_eventselect_tab .oc_tab_btn.current.octab_es-3 {
  background-color: #565485;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_cs,
.oc_eventselect_tab .oc_tab_btn.current.octab_cs {
  background-color: #386288;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_ds,
.oc_eventselect_tab .oc_tab_btn.current.octab_ds {
  background-color: #dc8531;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_bs,
.oc_eventselect_tab .oc_tab_btn.current.octab_bs {
  background-color: #7aa759;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_ms,
.oc_eventselect_tab .oc_tab_btn.current.octab_ms {
  background-color: #b2434b;
}

.oc_eventselect_tab .oc_tab_btn:hover.octab_hs,
.oc_eventselect_tab .oc_tab_btn:hover.octab_hs-1,
.oc_eventselect_tab .oc_tab_btn:hover.octab_hs-2,
.oc_eventselect_tab .oc_tab_btn:hover.octab_hs-3,
.oc_eventselect_tab .oc_tab_btn:hover.octab_hs-4,
.oc_eventselect_tab .oc_tab_btn:hover.octab_hs-5,
.oc_eventselect_tab .oc_tab_btn:hover.octab_hs-6,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs-1,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs-2,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs-3,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs-4,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs-5,
.oc_eventselect_tab .oc_tab_btn.current.octab_hs-6 {
  background-color: #c13c45;
}

.oc_eventselect_area {
  padding: 0 0 1em;
  border-bottom: 1px solid #E9ECEE;
}

.oc_eventselect_area .container {
  text-align: center;
}

.oc_eventselect_heading {
  display: block;
  background-color: #273166;
  color: #FFF;
  text-align: center;
  padding: 0.4em;
  margin: 0 4px 4px;
}

.oc_eventselect_heading i {
  vertical-align: middle;
  font-size: 12px;
  position: relative;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .oc_eventselect_heading {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .oc_eventselect_tab li {
    width: 50%;
    padding: 4px;
  }
  .oc_eventselect_tab .oc_tab_btn {
    padding: 1em 0.2em;
  }
  .oc_eventselect_area .container .oc_eventselect_tab {
    display: block;
    overflow: hidden;
    height: 4em;
    position: relative;
    margin-bottom: 0;
  }
  .oc_eventselect_area .container .oc_eventselect_tab:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
    background-size: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#00FFFFFF", endColorstr="#FFFFFFFF");
  }
  .oc_eventselect_area .container.open .oc_eventselect_heading i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .oc_eventselect_area .container.open .oc_eventselect_tab {
    display: block;
    overflow: visible;
    height: auto;
    -webkit-animation: tooltipShow 0.4s linear 0s;
            animation: tooltipShow 0.4s linear 0s;
  }
  .oc_eventselect_area .container.open .oc_eventselect_tab:after {
    content: none;
    -webkit-animation: tooltipShow 0.4s linear 0s;
            animation: tooltipShow 0.4s linear 0s;
  }
  .oc_eventselect_area {
    padding: 0.5em 0.2em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .oc_header .label {
    min-width: 6.25em;
  }
}
@media screen and (max-width: 1039px) {
  .area {
    padding: 36px 5px;
  }
}
/* タブと画面切替 */
.oc_timetable_area *[class*=octab_],
.oc_eventgrid_area *[class*=octab_],
#oc_selectionscreen, #oc_eventlist,
#oc_timetable, #oc_realtimetable, #oc_eventgrid, #oc_realeventgrid,
#vertial_category, #real_category {
  display: none;
}

.oc_timetable_area *[class*=octab_].current,
.oc_eventgrid_area *[class*=octab_].current,
#oc_selectionscreen.current, #oc_eventlist.current,
#oc_timetable.current, #oc_realtimetable.current, #oc_eventgrid.current, #oc_realeventgrid.current,
#vertial_category.current, #real_category.current,
#oc_categoryDate-1.current, #oc_categoryDate-2.current,
#oc_categoryDate-3.current, #oc_categoryDate-4.current,
#oc_categoryDate-5.current,
#oc_categoryDate_real-1.current {
  display: block;
  -webkit-animation: tooltipShow 0.4s linear 0s;
          animation: tooltipShow 0.4s linear 0s;
}

@-webkit-keyframes tooltipShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tooltipShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes tooltipHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes tooltipHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* =============================================== */
/* 追記2021.2.21 */
/* =============================================== */
.oc_nav__category {
  text-align: center;
  border-bottom: 1px solid #E9ECEE;
  line-height: 1;
  margin-bottom: 1em;
}

.oc_nav__category li {
  display: inline-block;
  margin: 0 1em;
}

.oc_nav__category a {
  display: block;
  text-align: center;
  padding: 1em 0;
  box-sizing: border-box;
  color: #000;
  text-decoration: none;
  min-width: 120px;
  border-bottom: 2px solid transparent;
  font-weight: bold;
}

.oc_nav__category a.current, .oc_nav__category a:hover {
  color: #273166;
  border-color: #273166;
}

.oc_tab_btn_ev {
  display: block;
  border: 1px;
  background-color: #1b2768;
  color: #FFF;
  text-align: center;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.2em 2em;
  -webkit-appearance: inherit;
  position: relative;
  outline: 0;
}

.oc_tab_btn_ev:before {
  position: absolute;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 0.7em 0.5em;
  border-color: #FFF transparent transparent transparent;
  top: 50%;
  left: 0.7em;
  margin-top: -0.35em;
}

.oc_tab_btn_ev:hover, .oc_tab_btn_ev.current {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}

.oc_tab_btn_ev.btn-online {
  background-color: #193399;
}

.oc_tab_btn_ev.btn-hachi {
  background-color: #6C3;
}

.oc_tab_btn_ev.btn-hachi:hover, .oc_tab_btn_ev.btn-hachi.current {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.oc_tab_btn_ev.btn-kamata {
  background-color: #39C;
}

.oc_tab_btn_ev.btn-kamata:hover, .oc_tab_btn_ev.btn-kamata.current {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.eventselect_block {
  padding-bottom: 75px;
  /*  background: url("/entrance/images/oc2020/eventselect_block_bg.png") no-repeat center bottom; */
}

.eventselect_block .block-heading {
  text-align: center;
  position: relative;
  margin-bottom: 1em;
}

.eventselect_block .block-heading span {
  font-weight: bold;
  display: inline-block;
  background-color: #FFF;
  position: relative;
  padding: 0 0.4em;
  font-family: "UDタイポス512", "UDTypos512", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
}

.eventselect_block .block-heading:before {
  content: "";
  display: block;
  border-top: 1px solid #ccc;
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 0;
}

.eventselect_block .block-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.eventselect_block .block-body:after {
  content: "";
}

.eventselect_block .block-body > *, .eventselect_block .block-body:after {
  flex-basis: 32%;
  margin-top: 2%;
}

div[class^=octtevent_] .oc_header .container {
  justify-content: center;
  text-align: center;
}

div[class^=octtevent_] .oc_header .title {
  font-family: "UDタイポス512", "UDTypos512", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
}

.accordion-area .container-heading,
.accordion-area .container-heading i {
  transition: all 0.5s ease;
}

.accordion-area .container-heading {
  text-align: center;
  display: block;
  border: 1px solid #273166;
  color: #273166;
  cursor: pointer;
  margin-bottom: 2em;
  padding: 0.6em;
  font-weight: bold;
}

.accordion-area .container-heading i {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 1;
  text-align: center;
  position: relative;
  vertical-align: middle;
  margin-left: 0.8em;
  margin-top: -4px;
}

.accordion-area .container-heading i:before, .accordion-area .container-heading i:after {
  content: "";
  display: block;
  background-color: #273166;
  vertical-align: middle;
  position: absolute;
}

.accordion-area .container-heading i:before {
  width: 12px;
  height: 2px;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

.accordion-area .container-heading i:after {
  width: 2px;
  height: 12px;
  top: 0;
  left: 50%;
  margin-left: -1px;
}

.accordion-area .container-body {
  opacity: 0;
  overflow: hidden;
  height: 0px;
  max-height: 0;
  transition: all 0.8s ease;
}

.accordion-area.open .container-heading {
  background-color: #273166;
  color: #FFF;
}

.accordion-area.open .container-heading i:before, .accordion-area.open .container-heading i:after {
  background-color: #FFF;
}

.accordion-area.open .container-heading i:after {
  opacity: 0;
}

.accordion-area.open .container-body {
  opacity: 1;
  height: auto;
  min-height: 0.5em;
  max-height: 10000px;
}

@media screen and (max-width: 767px) {
  .oc_tab_btn_ev {
    padding: 0.8em 0.7em 0.8em 1.6em;
  }
  .eventselect_block .block-body:after {
    content: none;
  }
  .eventselect_block .block-body > * {
    flex-basis: 49%;
  }
}
/* =============================================== */
/* 追記2021.4.13 */
/* =============================================== */
.event_type_select {
  text-align: center;
  margin-bottom: 20px;
  font-size: 0.875em;
}

.event_type_select .btn {
  position: relative;
  display: inline-block;
  width: 49%;
  min-width: 17em;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  opacity: 1;
  padding: 0.8em;
}

.event_type_select .btn i {
  display: inline-block;
  position: absolute;
  top: -30px;
  width: 120px;
  padding: 45px 0 0;
  height: 0;
  overflow: hidden;
  text-indent: 200%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.event_type_select .wrapper {
  display: inline-block;
  padding: 0.2em;
  border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.1);
}

.event_type_select .btn.type--online {
  color: #4B76BC;
}

.event_type_select .btn.type--online i {
  background-image: url("/entrance/images/oc2020/hukidashi_online.png");
  left: -50px;
}

.event_type_select .btn.type--online:hover, .event_type_select .btn.type--online:active {
  background-color: #4B76BC;
  color: #FFF;
}

.event_type_select .btn.type--offline {
  color: #458D45;
}

.event_type_select .btn.type--offline i {
  background-image: url("/entrance/images/oc2020/hukidashi_offline.png");
  right: -50px;
}

.event_type_select .btn.type--offline:hover, .event_type_select .btn.type--offline:active {
  background-color: #458D45;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .event_type_select .btn {
    min-width: inherit;
  }
  .event_type_select .btn i {
    top: -35px;
  }
  .event_type_select .btn.type--online i {
    left: 0;
  }
  .event_type_select .btn.type--offline i {
    right: 0;
  }
}
.oc_nav__date,
.oc_nav__date_real {
  display: none;
  text-align: center;
  line-height: 1;
  margin-bottom: 1em;
  padding: 0.4em 0;
  font-size: 0.75em;
}

.oc_nav__date.current,
.oc_nav__date_real.current {
  display: block;
}

.oc_nav__date li,
.oc_nav__date_real li {
  display: inline-block;
  margin: 0.4em 0.5em;
}

.oc_nav__date a,
.oc_nav__date_real a {
  display: block;
  text-align: center;
  padding: 1em 1.8em;
  box-sizing: border-box;
  background: #fff;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
  border-radius: 1.5em;
}

.type--offline.oc_eventselect_area {
  background-color: #9ccf9c;
}

.type--online .event_type_select .btn.type--online {
  background-color: #4B76BC;
  color: #FFF;
}

.type--online .oc_eventselect_area {
  background-color: #e0e7f3;
}

.type--online .oc_eventselect_area .oc_nav__date,
.type--online .oc_eventselect_area .oc_nav__date_real {
  background-color: #95afd8;
}

.type--online .oc_eventselect_area .oc_nav__date a,
.type--online .oc_eventselect_area .oc_nav__date_real a {
  color: #4B76BC;
  border: 1px solid #4B76BC;
}

.type--online .oc_eventselect_area .oc_nav__date a:hover, .type--online .oc_eventselect_area .oc_nav__date a:active, .type--online .oc_eventselect_area .oc_nav__date a.current,
.type--online .oc_eventselect_area .oc_nav__date_real a:hover, .type--online .oc_eventselect_area .oc_nav__date_real a:active, .type--online .oc_eventselect_area .oc_nav__date_real a.current {
  color: #FFF;
  background-color: #4B76BC;
}

.type--online .oc_timetable_body {
  background-image: linear-gradient(#e0e7f3 0%, #e0e7f3 3em, rgba(255, 255, 255, 0) 3em);
}

.type--online .oc_ttbody-fixed:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 3em;
  width: 101%;
  background-image: linear-gradient(to right, #e0e7f3, #e0e7f3 90%, rgba(224, 231, 243, 0) 100%);
}

.type--online .oc_eventselect_area .oc_eventselect_tab:after {
  background-image: linear-gradient(rgba(224, 231, 243, 0) 0%, #e0e7f3 100%);
}

.type--offline .event_type_select .btn.type--offline {
  background-color: #458D45;
  color: #FFF;
}

.type--offline .oc_eventselect_area {
  background-color: #bfdfbf;
}

.type--offline .oc_eventselect_area .oc_nav__date,
.type--offline .oc_eventselect_area .oc_nav__date_real {
  background-color: #7abe7a;
}

.type--offline .oc_eventselect_area .oc_nav__date a,
.type--offline .oc_eventselect_area .oc_nav__date_real a {
  color: #458D45;
  border: 1px solid #458D45;
}

.type--offline .oc_eventselect_area .oc_nav__date a:hover, .type--offline .oc_eventselect_area .oc_nav__date a:active, .type--offline .oc_eventselect_area .oc_nav__date a.current,
.type--offline .oc_eventselect_area .oc_nav__date_real a:hover, .type--offline .oc_eventselect_area .oc_nav__date_real a:active, .type--offline .oc_eventselect_area .oc_nav__date_real a.current {
  color: #FFF;
  background-color: #458D45;
}

.type--offline .oc_timetable_body {
  background-image: linear-gradient(#bfdfbf 0%, #bfdfbf 3em, rgba(255, 255, 255, 0) 3em);
}

.type--offline .oc_ttbody-fixed:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 3em;
  width: 101%;
  background-image: linear-gradient(to right, #bfdfbf, #bfdfbf 90%, rgba(191, 223, 191, 0) 100%);
}

.type--offline .oc_eventselect_area .oc_eventselect_tab:after {
  background-image: linear-gradient(rgba(191, 223, 191, 0) 0%, #bfdfbf 100%);
}

/* =============================================== */
/* optional */
/* =============================================== */
.btn-m:hover {
  opacity: 0.8;
}

.hidden {
  display: none;
}

.label {
  margin-left: 0;
  color: #FFF;
  padding: 5px 10px;
  border-radius: 0;
}

.label-kamata {
  background-color: #0066cc;
}

.label-hachi {
  background-color: #38ba23;
}

.img-full {
  display: block;
  width: 100%;
  height: auto;
}

.listmark li {
  padding-left: 18px;
  text-indent: -18px;
}

.listmark li:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.text-kamata {
  color: #1b88d4;
}

.text-hachi {
  color: #38ba23;
}

.bg-kamata {
  background-color: #1b88d4;
}

.bg-hachi {
  background-color: #38ba23;
}

.border-kamata {
  border-color: #1b88d4;
}

.border-hachi {
  border-color: #38ba23;
}

.border-gray {
  border-color: #ccc;
}

.oc_timetable_body.day-1, .oc_timetable_body.day-2,
.oc_timetable_body.day-3, .oc_timetable_body.day-4,
.oc_timetable_body.day-5, .oc_timetable_body.day-6,
.oc_timetable_body.day-7, .oc_timetable_body.day-8,
.oc_timetable_body.day-9, .oc_timetable_body.day-10 {
  display: none;
}

.oc_timetable_body.day-1.current, .oc_timetable_body.day-2.current,
.oc_timetable_body.day-3.current, .oc_timetable_body.day-4.current,
.oc_timetable_body.day-5.current, .oc_timetable_body.day-6.current,
.oc_timetable_body.day-7.current, .oc_timetable_body.day-8.current,
.oc_timetable_body.day-9.current, .oc_timetable_body.day-10.current {
  display: block;
}

.oc_area-body.oc_grid_body.day-1, .oc_area-body.oc_grid_body.day-2,
.oc_area-body.oc_grid_body.day-3, .oc_area-body.oc_grid_body.day-4,
.oc_area-body.oc_grid_body.day-5, .oc_area-body.oc_grid_body.day-6,
.oc_area-body.oc_grid_body.day-7 {
  display: none;
}

.oc_area-body.oc_grid_body.day-1.current, .oc_area-body.oc_grid_body.day-2.current,
.oc_area-body.oc_grid_body.day-3.current, .oc_area-body.oc_grid_body.day-4.current,
.oc_area-body.oc_grid_body.day-5.current, .oc_area-body.oc_grid_body.day-6.current,
.oc_area-body.oc_grid_body.day-7.current {
  display: block;
}