@charset "UTF-8";
a.splide__slide {
  text-decoration: none;
}
.assistance_item a.splide__slide {
  padding-left: clamp(6px, calc((18 - 6) * ((100vw - 320px) / (1000 - 320)) + 6px), 18px);
  padding-right: clamp(6px, calc((18 - 6) * ((100vw - 320px) / (1000 - 320)) + 6px), 18px);
  color: inherit;
}

.splide__listBody {
  padding-top: 1rem;
  font-size: 93.75%;
}

.splide__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent; /*#ccc rgba(0,0,0,.2)*/
  border: 0;
  cursor: pointer;
  padding: 0;
  z-index: 99;
}
.splide__arrow:not(.c-btn--circle) {
  opacity: 0.8;
}
.splide__arrow svg {
  width: clamp(32px, calc((64 - 32) * ((100vw - 320px) / (1000 - 320)) + 32px), 64px);
  height: auto;
}
.splide__arrow :hover:not(:disabled) {
  opacity: 0.6;
}
.splide__arrow :disabled {
  opacity: 0.3;
}

.splide__arrow--next {
  right: 0;
}
.assistance_item .splide__arrow--next {
  right: calc(0px - var(--ark-padding--container));
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.assistance_item .splide__arrow--prev {
  left: calc(0px - var(--ark-padding--container));
}

.splide--main .c-btn--circle, .lum-gallery-button { /* button */
  width: 40px;
  height: 40px;
}
.splide--main .c-btn--circle.splide__arrow, .lum-gallery-button.splide__arrow {
  background-color: rgba(45, 45, 45, 0.3);
}
.splide--main .c-btn--circle.u-hide-pc, .lum-gallery-button.u-hide-pc {
  position: absolute;
  bottom: 2%;
  left: 2%;
  background-color: rgba(45, 45, 45, 0.5);
  border: 0;
}
.splide--main .c-btn--circle.u-hide-pc svg, .lum-gallery-button.u-hide-pc svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media not all and (min-width: 880px) {
  .lum-gallery-button {
    width: 40px !important;
    height: 40px !important;
    background-color: rgba(45, 45, 45, 0.3) !important;
    border-radius: 50%;
  }
  .lum-gallery-button::after {
    width: 2em !important;
    height: 2em !important;
    border-top: unset !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-left: unset !important;
    border-right: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23FFFFFF' d='M15,32.8c-0.2,0-0.4-0.1-0.5-0.2c-0.3-0.3-0.3-0.8,0-1.1l0,0L26,20L14.5,8.5c-0.2-0.3-0.1-0.8,0.2-1,c0.2-0.2,0.6-0.2,0.8,0l12,12c0.3,0.3,0.3,0.8,0,1.1l0,0l-12,12C15.4,32.7,15.2,32.8,15,32.8z'/%3E%3C/svg%3E");
  }
  .lum-previous-button {
    transform: translateY(-50%) scaleX(-1) !important;
  }
}
#js-thumbnail-count {
  display: inline-block;
  padding: 0 12px;
  background-color: #999;
  color: #fff;
  border-radius: 16px;
}

.thumblist {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.thumblist__item {
  overflow: hidden;
  margin: 0 0.5%;
  flex-basis: 24%;
  cursor: pointer;
}
.thumblist__item.is-active .attachment-thumbnail {
  border: 2px solid #bbb;
  border-radius: 5px;
}
@media (min-width: 600px) {
  .thumblist__item {
    flex-basis: 19%; /*19×5=95*/
  }
}
@media (min-width: 768px) {
  .thumblist__item {
    flex-basis: 15.666%; /*15.666×6=94*/
  }
}

@media (min-width: 640px) {
  .splide--front .splide__slide {
    height: clamp(302px, 378 * (100vw - 640px) / 860 + 302px, 1150px) !important;
  }
}

.splide--front .splide__headcopy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 90%;
  margin-bottom: 0;
  font-size: clamp(20px, calc((30 - 20) * ((100vw - 320px) / (1000 - 320)) + 20px), 30px);
  color: #000;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  z-index: 1;
}
.splide--front .splide__arrow--prev {
  left: 0.5em;
}
.splide--front .splide__arrow--next {
  right: 0.5em;
}

.splide__pagination {
  margin-top: 0.75rem;
}
.splide__pagination li {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.splide__pagination__page {
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  width: 0.9375em;
  height: 0.9375em;
}
.splide__pagination__page.is-active {
  background-color: #bbb;
}/*# sourceMappingURL=hakata-splide.css.map */