@charset "UTF-8";
/*---------- START COMPONENT BUTTON MOBILE MAIL ----------*/
@media only screen and (max-width: 767px) {
  .c-btn-mobile--tel, .c-btn-mobile--mail, .c-btn-mobile--location {
    background-color: var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT BUTTON LOCATION ----------*/
.c-btn--location {
  background-color: var(--theme-color-tertiary);
  border: 1px solid var(--theme-color-tertiary);
}
.c-btn--location .c-btn__bg::before, .c-btn--location .c-btn__bg::after {
  background-color: var(--theme-color-tertiary);
}
.c-btn--location:hover .c-btn__text {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT BUTTON CALENDAR ----------*/
.c-btn-calendar--prev .c-btn-calendar__arrow::before {
  background-image: url("../common_img/arrow-left-gray.webp");
}
.c-btn-calendar--next .c-btn-calendar__arrow::before {
  background-image: url("../common_img/arrow-right-gray.webp");
}

/*---------- START PROJECT NAV ----------*/
.p-nav__item::after {
  background-color: var(--theme-color-tertiary);
}

/*---------- START PROJECT NAV MOBILE ----------*/
.p-nav-mobile__item .c-link-arrow::before {
  background-image: url("../common_img/arrow-right-gray.webp");
}

/*---------- START PROJECT PARENT SIDEBAR ----------*/
.p-parent-sidebar {
  background-color: var(--theme-color-tertiary);
}

/*---------- START PROJECT NAV SIDEBAR ----------*/
.p-nav-sidebar__item--dropdown .p-nav-sidebar__text::before {
  background-image: url("./../common_img/arrow-right-gray.webp");
}
.p-nav-sidebar__item--dropdown.is-active .p-nav-sidebar__text::before {
  background-image: url("./../common_img/arrow-right-white.webp");
}

@media only screen and (max-width: 767px) {
  .p-nav-sidebar__link--dropdown::before {
    background-image: url("./../common_img/arrow-down-gray.webp");
  }
  .p-nav-sidebar__item::after {
    background-color: var(--theme-color-tertiary);
  }
  .p-nav-sidebar__item.is-active, .p-nav-sidebar__item.is-item {
    background-color: var(--theme-color-tertiary);
  }
  .p-nav-sidebar__item.is-active .p-nav-sidebar__arrow::before {
    background-image: url("./../common_img/arrow-down-gray.webp");
  }
}
@media only screen and (min-width: 768px) {
  .p-nav-sidebar__link::after {
    background-color: var(--theme-color-tertiary);
  }
}
/*---------- START LAYOUT FOOTER ----------*/
.l-footer {
  background-color: var(--theme-color-tertiary);
}
.l-footer::before {
  background-color: var(--theme-color-secondary);
}

@media only screen and (max-width: 767px) {
  .l-footer::after {
    background-image: url("./../common_img/curve-gray-sp.webp");
  }
}
@media only screen and (min-width: 768px) {
  .l-footer::after {
    background-image: url("./../common_img/curve-gray.webp");
  }
}
/*---------- START COMPONENT JS SLICK ----------*/
.js-slick__control::after {
  background-image: url("./../common_img/icon-play-gray02.webp");
}
.js-slick__dots li.slick-active button {
  border-color: var(--theme-color-tertiary);
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT CARD TOP ----------*/
@media only screen and (min-width: 768px) {
  .c-card-top:hover .c-card-top__title {
    color: var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT CARD EVENT ----------*/
@media only screen and (min-width: 768px) {
  .c-card-event:hover .c-card-event__title {
    color: var(--theme-color-tertiary);
  }
}
/*---------- START PROJECT GROUP TOP ----------*/
.p-group-top__title {
  color: var(--theme-color-tertiary);
}

@media only screen and (max-width: 767px) {
  .p-group-top__left {
    border-bottom: 2px solid var(--theme-color-tertiary);
  }
}
@media only screen and (min-width: 768px) {
  .p-group-top__heading::before {
    background-color: var(--theme-color-tertiary);
  }
  .p-group-top__link:hover {
    color: var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT ITEM TOP ----------*/
.c-item-top__time time {
  color: var(--theme-color-tertiary);
}

@media only screen and (min-width: 768px) {
  .c-item-top__link:hover .c-item-top__right {
    color: var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT SCROLL VERTICAL ----------*/
.scroll-vertical > .scroll-element .scroll-element_track {
  background-color: var(--color-neutral-350);
}

.scroll-vertical > .scroll-element .scroll-bar {
  background-color: var(--theme-color-tertiary);
}

.scroll-vertical > .scroll-element .scroll-bar:hover {
  background-color: var(--theme-color-tertiary);
}

.scroll-vertical > .scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT POST TOP ----------*/
.c-post-top__title {
  color: var(--theme-color-tertiary);
}

/* デスクトップ版: 開催日を示す円を日付の周りに表示 */
.c-calendar__gird .day.has-event:not(.prev-month):not(.next-month)::before {
  background-color: var(--theme-color-tertiary);
}

.c-calendar__gird .day.has-event:not(.prev-month):not(.next-month):after {
  background-color: var(--theme-color-tertiary);
}

/* スマホ版（リストカレンダー）: 開催日を示す円を日付の周りに表示 */
.c-calendar__list .day-item.has-event::before {
  background-color: var(--theme-color-tertiary);
}

.c-calendar__list .day-item.has-event:after {
  background-color: var(--theme-color-tertiary);
}

/* todayクラスと共存しても綺麗に見えるように調整 */
.c-calendar__gird .day.today.has-event:not(.prev-month):not(.next-month):after,
.c-calendar__list .day-item.today.has-event:after {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT CALENDAR TOP ----------*/
.c-calendar-top__heading {
  background-color: var(--theme-color-tertiary);
}
.c-calendar-top .day.today {
  color: var(--theme-color-tertiary);
}

@media only screen and (min-width: 768px) {
  .c-calendar-top .day:hover {
    color: var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT TITLE ----------*/
.c-title__text--en {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT TITLE BASE, TITLE GROUP, TITLE NUMBER ----------*/
.c-title-base,
.c-title-group,
.c-title-number {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT HEADING PART ----------*/
@media only screen and (max-width: 767px) {
  .c-heading-part {
    border-left: 0.8rem solid var(--theme-color-tertiary);
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-part {
    border-left: 1rem solid var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT HEADING GROUP ----------*/
@media only screen and (max-width: 767px) {
  .c-heading-group {
    border-left: 0.8rem solid var(--theme-color-tertiary);
  }
}
@media only screen and (min-width: 768px) {
  .c-heading-group {
    border-left: 1rem solid var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT HEADING TABLE ----------*/
.c-heading-table {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT ICON ZOOM ----------*/
.c-icon-zoom::after {
  border-color: var(--theme-color-tertiary);
  background-color: var(--theme-color-tertiary);
}

@media only screen and (min-width: 768px) {
  .c-icon-zoom:hover::before {
    background-image: url("../common_img/icon-loupe-gray.webp");
  }
}
/*---------- START COMPONENT ICON PLUS ----------*/
.c-icon-plus::before, .c-icon-plus::after {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT LINK ARROW ----------*/
@media only screen and (min-width: 768px) {
  .c-link-arrow--black:hover {
    color: var(--theme-color-tertiary);
  }
  .c-link-arrow--black:hover::before {
    background-image: url("./../common_img/arrow-right-gray.webp");
  }
}
/*---------- START COMPONENT LINK ANCHOR ----------*/
@media only screen and (min-width: 768px) {
  .c-link-anchor:hover {
    color: var(--theme-color-tertiary);
  }
}
/*---------- START COMPONENT LINK MAIN ----------*/
@media only screen and (min-width: 768px) {
  .c-link-main--right:hover {
    color: var(--theme-color-tertiary);
  }
  .c-link-main--right:hover::before {
    background-image: url("./../common_img/arrow-right-gray.webp");
  }
  .c-link-main--down:hover {
    color: var(--theme-color-tertiary);
  }
  .c-link-main--down:hover::before {
    background-image: url("./../common_img/arrow-down-gray.webp");
  }
}
/*---------- START COMPONENT ITEM FAQ ----------*/
.c-item-faq__char {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT LIST CIRCLE ----------*/
.c-list-circle > li::before {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT TABLE ----------*/
.c-tbl table tr {
  border-bottom: 1px solid var(--theme-color-tertiary);
}

/*---------- START COMPONENT TABLE NORMAL ----------*/
.c-tbl--normal table tr:first-child {
  border-top: 1px solid var(--theme-color-tertiary);
}

/*---------- START COMPONENT TABLE CLASSIC ----------*/
.c-tbl-classic table thead th {
  background-color: var(--theme-color-tertiary);
  border: 1px solid var(--theme-color-tertiary);
}

/*---------- START COMPONENT STEP MAIN ----------*/
.c-step-main__number {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT STEP GROUP ----------*/
.c-step-group__heading {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT BLOCK HALL ----------*/
.c-block-hall__title {
  color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT PANEL GROUP ----------*/
.c-panel-group__header {
  background-color: var(--theme-color-tertiary);
}

/*---------- START COMPONENT PANEL YOYAKU ----------*/
.c-panel-yoyaku__header {
  background-color: var(--theme-color-tertiary);
}

/*---------- START SCROLLBAR ----------*/
.scroll-horizontal > .scroll-element .scroll-bar {
  background-color: var(--theme-color-tertiary);
}

.scroll-horizontal > .scroll-element .scroll-bar:hover {
  background-color: var(--theme-color-tertiary);
}

.scroll-horizontal > .scroll-element.scroll-draggable .scroll-bar {
  background-color: var(--theme-color-tertiary);
}