@charset "UTF-8";
/* ===================================================================
CSS information

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@property --1vw {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
:root {
    --1vw: 1vw;
    --vw-to-px: tan(atan2(var(--1vw), 1px));
}

@media only screen and (max-width: 767px) {
  .lower #contents .l-fv .img img {
    object-position: left 12% bottom 0;
  }
}

.l-topicpath {
  padding-bottom: 2rem;
}

.p-fair {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 4rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair {
    padding-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair {
    padding-top: 4rem;
  }
}
.p-fair {
  position: relative;
  padding-bottom: 6.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair {
    padding-bottom: 4.6666666667rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair {
    padding-bottom: 3.3333333333rem;
  }
}
.p-fair:before {
  content: "";
  background: url(../images/common/bg_gra.webp) no-repeat;
  width: 100%;
  position: absolute;
  height: 4rem;
  display: block;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
}
.p-fair__inner {
  max-width: 66.6666666667rem;
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 1200px) {
  .p-fair__ttl .c-ttlJP_01 .jp {
    font-size: 1.7333333333rem;
  }
}
@media print {
  .p-fair__ttl .c-ttlJP_01 .jp {
    font-size: 1.7333333333rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__ttl .c-ttlJP_01 .jp {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__ttl .c-ttlJP_01 .jp {
    font-size: 1.3333333333rem;
  }
}
.p-fair__slide {
  margin-top: 4.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__slide {
    margin-top: 3.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__slide {
    margin-top: 2rem;
  }
}
.p-fair__info {
  margin-top: 4.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__info {
    margin-top: 3.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__info {
    margin-top: 3.3333333333rem;
  }
}
.p-fair__info .c-tblBasic {
  margin-top: 2.3333333333rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__info .c-tblBasic {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__info .c-tblBasic {
    margin-top: 1.3333333333rem;
  }
}
.p-fair__info .c-tblBasic tr th {
  width: 18%;
}
.p-fair__freetxt {
  margin-top: 4.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__freetxt {
    margin-top: 3.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__freetxt {
    margin-top: 3.3333333333rem;
  }
}
.p-fair__course {
  margin-top: 4.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__course {
    margin-top: 3.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__course {
    margin-top: 3.3333333333rem;
  }
}
.p-fair__course .c-catch_03 {
  width: 90%;
  margin-inline: auto;
}
.p-fair__course .price {
  padding: 1rem;
  background: #fff9eb;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.6666666667rem;
}
@media only screen and (min-width: 1200px) {
  .p-fair__course .price {
    font-size: 1rem;
  }
}
@media print {
  .p-fair__course .price {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__course .price {
    font-size: 0.9333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__course .price {
    font-size: 1rem;
  }
}
.p-fair__course .price {
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .p-fair__course .price {
    padding: 0.3333333333rem;
    margin-top: 2rem;
  }
}
.p-fair__course__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-fair__course__flex {
    flex-direction: column-reverse;
  }
}
.p-fair__course__flex > div:only-child {
  width: 100% !important;
}
.p-fair__course__flex__txt {
  width: 48%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__course__flex__txt {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__course__flex__txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__course__flex__txt {
    margin-top: 1em;
  }
}
.p-fair__course__flex__img {
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__course__flex__img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__course__flex__img {
    width: 100%;
  }
}
.p-fair__btn {
  margin-top: 4.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-fair__btn {
    margin-top: 3.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fair__btn {
    margin-top: 3.3333333333rem;
  }
}
.p-fair__btn + .p-fair__btn {
  margin-top: 1em;
}

.p-splide-number {
  position: relative;
}
.p-splide-number:has(.splide__slide:only-child) .splide-controls {
  display: none;
}
.p-splide-number .splide__slide figure {
  position: relative;
}
.p-splide-number .splide__slide figure:before {
  content: "";
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  display: block;
}
.p-splide-number .splide__slide figure img {
  height: auto;
  width: 100%;
}
.p-splide-number .splide__slide figure figcaption {
  position: absolute;
}
@media only screen and (min-width: 1200px) {
  .p-splide-number .splide__slide figure figcaption {
    font-size: 1rem;
  }
}
@media print {
  .p-splide-number .splide__slide figure figcaption {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-splide-number .splide__slide figure figcaption {
    font-size: 0.9333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide__slide figure figcaption {
    font-size: 1rem;
  }
}
.p-splide-number .splide__slide figure figcaption {
  letter-spacing: 0.04em;
  line-height: 1.75;
  color: var(--color-white);
  left: 1.5em;
  bottom: 1em;
  z-index: 2;
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .p-splide-number .splide__slide figure figcaption {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .p-splide-number .splide__slide figure figcaption {
    font-size: 0.8rem;
  }
}
.p-splide-number .splide-controls {
  width: fit-content;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2.6666666667rem;
  margin-top: 1.8666666667rem;
  margin-inline: auto;
}
.p-splide-number .splide-controls.u-vertical {
  padding: 2.1333333333rem 0;
  margin-top: 0;
  flex-direction: column;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls.u-vertical {
    padding: 1.3333333333rem 0;
  }
}
.p-splide-number .splide-controls.u-vertical.u-left {
  left: -2.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-splide-number .splide-controls.u-vertical.u-left {
    left: -2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls.u-vertical.u-left {
    left: -1.3333333333rem;
  }
}
.p-splide-number .splide-controls.u-vertical.u-right {
  right: -2.6666666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-splide-number .splide-controls.u-vertical.u-right {
    right: -2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls.u-vertical.u-right {
    right: -1.3333333333rem;
  }
}
.p-splide-number .splide-controls.u-vertical .splide__current {
  margin-right: 0rem;
  margin-bottom: 1.6666666667rem;
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls.u-vertical .splide__current {
    margin-bottom: 1.3333333333rem;
  }
}
.p-splide-number .splide-controls.u-vertical .splide__total {
  margin-left: 0rem;
  margin-top: 1.6666666667rem;
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls.u-vertical .splide__total {
    margin-top: 1.3333333333rem;
  }
}
.p-splide-number .splide-controls.u-vertical .splide__arrows .prev {
  top: 0%;
  transform: translateY(0) translateX(-50%) rotate(180deg);
  left: 50%;
}
.p-splide-number .splide-controls.u-vertical .splide__arrows .next {
  top: auto;
  bottom: 0;
  transform: translateY(0) translateX(-50%);
  right: auto;
  left: 50%;
}
.p-splide-number .splide-controls .splide__current {
  line-height: 1;
  margin-right: 0.6666666667rem;
}
@media only screen and (min-width: 768px) {
  .p-splide-number .splide-controls .splide__current {
    font-size: 1.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls .splide__current {
    font-size: 1.3333333333rem;
  }
}
.p-splide-number .splide-controls .splide__current {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: var(--color-key01);
}
.p-splide-number .splide-controls .splide__total {
  margin-left: 0.6666666667rem;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .p-splide-number .splide-controls .splide__total {
    font-size: 1.3333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls .splide__total {
    font-size: 1.3333333333rem;
  }
}
.p-splide-number .splide-controls .splide__total {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: var(--color-key01);
}
.p-splide-number .splide-controls .splide__total:before {
  content: "/";
  position: absolute;
  left: 51%;
  transform: translateX(-50%);
}
.p-splide-number .splide-controls .splide__toggle {
  width: 1.5333333333rem;
  aspect-ratio: 1/1;
  border-radius: 99px;
  background: var(--color-white);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls .splide__toggle {
    width: 1.2rem;
  }
}
.p-splide-number .splide-controls .splide__toggle__play::before {
  content: "";
  display: block;
  width: 0.5333333333rem;
  height: 0.5333333333rem;
  background-color: var(--color-black);
  -webkit-mask-image: url("../images/icons/icon_start.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/icons/icon_start.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.p-splide-number .splide-controls .splide__toggle__play:before {
  content: "";
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls .splide__toggle__play:before {
    width: 6px;
    height: 6px;
  }
}
.p-splide-number .splide-controls .splide__toggle__pause::before {
  content: "";
  display: block;
  width: 0.5333333333rem;
  height: 0.5333333333rem;
  background-color: var(--color-black);
  -webkit-mask-image: url("../images/icons/icon_stop.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/icons/icon_stop.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.p-splide-number .splide-controls .splide__toggle__pause:before {
  content: "";
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .p-splide-number .splide-controls .splide__toggle__pause:before {
    width: 6px;
    height: 6px;
  }
}
.p-splide-number .splide-controls .splide__arrows {
  display: flex;
}
.p-splide-number .splide-controls .splide__arrows .button {
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 2rem;
  width: 2rem;
  position: relative;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}
.p-splide-number .splide-controls .splide__arrows .button:before {
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: auto;
}
.p-splide-number .splide-controls .splide__arrows .buttondisabled::before {
  opacity: 0.5;
}
.p-splide-number .splide-controls .splide__arrows .splide__arrow {
  transform: none;
}
.p-splide-number .splide-controls .splide__arrows .prev::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-key01);
  -webkit-mask-image: url("../images/icons/arrow.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/icons/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.p-splide-number .splide-controls .splide__arrows .prev {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  left: 0;
}
.p-splide-number .splide-controls .splide__arrows .next::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-key01);
  -webkit-mask-image: url("../images/icons/arrow.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/icons/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.p-splide-number .splide-controls .splide__arrows .next {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.p-splide-number .splide__pagination {
  display: none !important;
}

.c-btn_basic03.u-back-restaurant {
  margin-top: 5.3333333333rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-btn_basic03.u-back-restaurant {
    margin-top: 4.6666666667rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn_basic03.u-back-restaurant {
    margin-top: 4rem;
  }
}
.c-btn_basic03.u-back-restaurant {
  max-width: 18.6666666667rem;
  margin-inline: auto;
}

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