@charset "utf-8";
:root {
  --cinzel: "Cinzel", serif;
  --easing: cubic-bezier(0.2, 1, 0.2, 1);
  --transition: 0.8s var(--easing);
  --color-back-grey: #f2f4f1;
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-white-text: #fff;
  --color-gray-text: #919191;
  --color-black-text: #191919;
  --color-red-text: #ff0d0d;
  --light-green-text: #6fb92c;
  --cicle-yellow: #f7b500;
  --back-grey: #f2f4f1;
  --flow-text-color: #191919;
  --kiyaku-back-color: #405a4b;
  --color-theme: #f5695f;
  --color-back-green: #6fb92a;
  --color-green: #405a4b;
  --color-light-green: #cddbc6;
  --color-theme-darken: #f12617;
  --grey-border-color: #707070;
  --box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05),
    -0.8rem -0.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.08),
    -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05),
    inset -0.8rem -0.8rem 1.2rem #fff;
  --box-shadow-dark: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.1),
    -0.8rem -0.8rem 1.2rem rgba(#fff, 0.2);
}
.holiday {
  color: #ff0000;
}
.pc {
  display: block !important;
}
/* ゴルフレンジイベント */
#calender__golf__range__area {
  width: 100%;
  height: auto;
}
.calender__golf__range__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding-top: 92px;
  max-width: 1100px;
}
#calender__area {
  width: 100%;
  height: auto;
}
.calender__area__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 800px;
}
.calender__contents {
  width: 100%;
  height: auto;
}
.calender__contents__pagenation {
  width: 100%;
  height: auto;
}
.calender__pagenetion__item__wrap {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
}
.calender__pagenetion__item {
  width: auto;
}
.calender__pagenetion__item__prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.calender__pagenetion__item__next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.calender__pagenetion__prev {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.calender__pagenetion__prev a {
  font-size: 16px;
  color: var(--color-black-text);
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.calender__pagenetion__next a {
  font-size: 16px;
  color: var(--color-black-text);
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-direction: row-reverse;
}

.calender__title {
  font-size: 28px;
}
.calender__pagenetion__next {
  font-size: 16px;
  color: var(--color-black-text);
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-direction: row-reverse;
}
.calender__pagenetion__prev a::before {
  content: "";
  display: block;
  width: 18px;
  height: 10px;
  background-image: url("../image/prev_image.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.calender__pagenetion__next a::before {
  content: "";
  display: block;
  width: 18px;
  height: 10px;
  background-image: url("../image/next_image.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.calender__schedule {
  width: 100%;
  height: auto;
  padding-bottom: 177px;
}
.calender__schedule img {
  width: 100%;
  height: auto;
}

.event__detail__container {
  width: 100%;
  height: auto;
  /* background-color: red; */
  border: 1px solid var(--grey-border-color);
}
.event__detail__title {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-back-green);
}
.event__detail__title p {
  color: #fff;
}
.event__detail__title .event__detail__day {
  border-right: 1px solid #fff;
}
.event__detail__title .event__detail__week {
  border-right: 1px solid #fff;
}
.event__detail__flexbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.event__detail__container .event__detail__flexbox:nth-child(2n) {
  background-color: var(--color-back-grey);
}

.event__detail__day,
.event__detail__week {
  width: 80px;
  height: auto;
  padding: 15px 0;
  border-right: 1px solid var(--grey-border-color);
}
.event__detail__day p,
.event__detail__week p {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event__detail__text {
  width: calc(100% - 160px);
  height: auto;
  padding: 15px 30px;
}
.event__detail__day p {
  width: auto;
}
.event__detail__text a {
  color: var(--color-black-text);
  transition: 0.3s;
}
.event__detail__text a:hover {
  opacity: 0.7;
}

@media all and (max-width: 1200px) {
  .header__text__title {
    font-size: 36px;
    line-height: 1.13;
  }
  .header__text__title span {
    font-size: 24px;
  }
}

/* SP ================================================== */
@media all and (max-width: 768px) {
  .header__text__contents {
    width: 70%;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .calender__golf__range__inner {
    padding-top: 20px;
  }
  .calender__schedule {
    padding-bottom: 54px;
  }
  .top__title {
    font-size: 23px;
  }
  .calender__pagenetion__prev a {
    font-size: 12px;
    column-gap: 12px;
  }
  .calender__title {
    font-size: 16px;
  }
  .calender__pagenetion__next a {
    font-size: 12px;
    column-gap: 12px;
  }

  .header__text__title {
    font-size: 24px;
    line-height: 1.13;
  }
  .header__text__title span {
    font-size: 18px;
  }
  .header__text__sub {
    font-size: 10px;
  }
  .event__detail__text {
    padding: 10px;
    width: calc(100% - 60px);
  }
  .event__detail__text p {
    font-size: 12px;
  }
  .event__detail__day p,
  .event__detail__week p {
    font-size: 16px;
  }
}