.mainArea .mainArea_notes {
  margin: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px) auto 0;
  padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  max-width: 900px;
  display: inline-block;
}
.mainArea .mainArea_notes li {
  text-align: justify;
}
.mainArea #CategoryButton {
  display: flex;
  justify-content: center;
  gap: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (768))))), 16px);
}
@media screen and (max-width: 960.98px) {
  .mainArea #CategoryButton {
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
    padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea #CategoryButton {
    width: 900px;
    margin: 54px auto 0 auto;
  }
}
.mainArea #CategoryButton button {
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  letter-spacing: .05em;
  background-color: #EBF2F2;
  border: none;
  box-sizing: border-box;
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (480))))), 1.6rem);
  border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
}
@media screen and (max-width: 960.98px) {
  .mainArea #CategoryButton button {
    width: clamp(0px, calc(0px + (335 * max(0px, ((100dvw - 0px) / (768))))), 335px);
    height: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (480))))), 70px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea #CategoryButton button {
    width: 222px;
  }
}
.mainArea #CategoryButton button:not(._isSelected) {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .mainArea #CategoryButton button:not(._isSelected) span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .mainArea #CategoryButton button:not(._isSelected):hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea #CategoryButton button._isSelected {
  color: #FFF;
  background-color: #1F59A4;
  pointer-events: none;
}
.mainArea #CarouselArea .slick-track,
.mainArea #EntryList .slick-track {
  padding: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px) 0;
}
.mainArea #CarouselArea li ._link,
.mainArea #EntryList li ._link {
  text-decoration: none;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .mainArea #CarouselArea li ._link span.c-hover-line,
  .mainArea #EntryList li ._link span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .mainArea #CarouselArea li ._link:hover span.c-hover-line,
  .mainArea #EntryList li ._link:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea #CarouselArea li ._link:hover ._thumbnail, body:not([data-device="touchDevice"])
  .mainArea #EntryList li ._link:hover ._thumbnail {
    transform: scale(1.05);
  }
}
.mainArea #CarouselArea li ._thumbnail,
.mainArea #EntryList li ._thumbnail {
  transition: transform 400ms;
}
.mainArea #CarouselArea li ._inner,
.mainArea #EntryList li ._inner {
  box-sizing: border-box;
  width: 720px;
  height: 510px;
  transform-origin: 0 0;
  display: flex;
  flex-direction: column;
}
.mainArea #CarouselArea li[data-category=campaign] ._text,
.mainArea #EntryList li[data-category=campaign] ._text {
  border: 2px solid #F37118;
}
.mainArea #CarouselArea li[data-category=point-up] ._text,
.mainArea #EntryList li[data-category=point-up] ._text {
  border: 2px solid #34C0E1;
}
.mainArea #CarouselArea li[data-category=valuable] ._text,
.mainArea #EntryList li[data-category=valuable] ._text {
  border: 2px solid #F05990;
}
.mainArea #CarouselArea li[data-category=campaign] ._name,
.mainArea #EntryList li[data-category=campaign] ._name {
  color: #F37118;
}
.mainArea #CarouselArea li[data-category=point-up] ._name,
.mainArea #EntryList li[data-category=point-up] ._name {
  color: #34C0E1;
}
.mainArea #CarouselArea li[data-category=valuable] ._name,
.mainArea #EntryList li[data-category=valuable] ._name {
  color: #F05990;
}
.mainArea #CarouselArea li[data-category=campaign] ._point,
.mainArea #EntryList li[data-category=campaign] ._point {
  color: #FF0;
  background: url("../images/bg-campaign.svg") no-repeat 0 0;
}
.mainArea #CarouselArea li[data-category=point-up] ._point,
.mainArea #EntryList li[data-category=point-up] ._point {
  color: #FFF;
  background: url("../images/bg-point-up.svg") no-repeat 0 0;
}
.mainArea #CarouselArea li[data-category=valuable] ._point,
.mainArea #EntryList li[data-category=valuable] ._point {
  color: #FFF;
  background: url("../images/bg-valuable.svg") no-repeat 0 0;
}
.mainArea #CarouselArea li ._duration,
.mainArea #EntryList li ._duration {
  color: #000;
  line-height: 1.4;
  text-align: left;
  letter-spacing: .05em;
  margin-top: 1em;
  font-size: 1.4rem;
}
.mainArea #CarouselArea li ._title,
.mainArea #EntryList li ._title {
  color: #000;
  line-height: 1.4;
  text-align: justify;
  letter-spacing: .05em;
  margin-top: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (480))))), 12px);
  font-size: 1.6rem;
}
.mainArea #CarouselArea li ._category,
.mainArea #EntryList li ._category {
  text-align: left;
  margin-top: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (480))))), 12px);
  display: flex;
  align-items: center;
}
.mainArea #CarouselArea li ._category p,
.mainArea #EntryList li ._category p {
  color: #FFF;
  line-height: 1.2;
  text-align: left;
  letter-spacing: .05em;
  padding: .5em 1em;
  display: inline-block;
  font-size: 1.2rem;
}
.mainArea #CarouselArea li[data-category=campaign] ._category p,
.mainArea #EntryList li[data-category=campaign] ._category p {
  background-color: #F37118;
}
.mainArea #CarouselArea li[data-category=point-up] ._category p,
.mainArea #EntryList li[data-category=point-up] ._category p {
  background-color: #34C0E1;
}
.mainArea #CarouselArea li[data-category=valuable] ._category p,
.mainArea #EntryList li[data-category=valuable] ._category p {
  background-color: #F05990;
}
.mainArea #CarouselArea {
  overflow: hidden;
}
@media screen and (max-width: 960.98px) {
  .mainArea #CarouselArea {
    margin-top: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (768))))), 48px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea #CarouselArea {
    margin: 45px auto 0 auto;
  }
}
.mainArea #CarouselArea ul {
  position: relative;
}
.mainArea #CarouselArea li {
  margin: 0 clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px);
}
@media screen and (max-width: 480.98px) {
  .mainArea #CarouselArea li ._link {
    width: clamp(0px, calc(0px + (680 * max(0px, ((100dvw - 0px) / (768))))), 680px);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .mainArea #CarouselArea li ._link {
    width: 40vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) and (max-width: 768px) {
  .mainArea #CarouselArea li ._link {
    width: clamp(425px, calc(425px + (95 * max(0px, ((100dvw - 480px) / (288))))), 520px);
  }
}

@media print, screen and (min-width: 961px) {
  .mainArea #CarouselArea li ._link {
    width: clamp(280px, calc(280px + (120 * max(0px, ((100dvw - 1200px) / (720))))), 400px);
  }
}
.mainArea #CarouselArea li ._thumbnail {
  background-color: #FFF;
  height: auto;
  aspect-ratio: 720 / 510;
  overflow: hidden;
}
@media screen and (max-width: 480.98px) {
  .mainArea #CarouselArea li ._thumbnail {
    width: clamp(0px, calc(0px + (680 * max(0px, ((100dvw - 0px) / (768))))), 680px);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .mainArea #CarouselArea li ._thumbnail {
    width: 40vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) and (max-width: 768px) {
  .mainArea #CarouselArea li ._thumbnail {
    width: clamp(425px, calc(425px + (95 * max(0px, ((100dvw - 480px) / (288))))), 520px);
  }
}

@media print, screen and (min-width: 961px) {
  .mainArea #CarouselArea li ._thumbnail {
    width: clamp(280px, calc(280px + (120 * max(0px, ((100dvw - 1200px) / (720))))), 400px);
  }
}
.mainArea #CarouselArea li ._inner {
  transform: scale(var(--carouselRate));
}
.mainArea #CarouselArea .slick-prev,
.mainArea #CarouselArea .slick-next {
  font-size: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (480))))), 1.6rem);
  line-height: 0;
  text-indent: -9999px;
  background-color: #1F59A4;
  border: none;
  border-radius: 50%;
  outline: none;
  width: 2em;
  height: 2em;
  padding: 0;
  display: block;
  position: absolute;
  z-index: 1000;
  top: 50%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .mainArea #CarouselArea .slick-prev span.c-hover-line,
  .mainArea #CarouselArea .slick-next span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .mainArea #CarouselArea .slick-prev:hover span.c-hover-line,
  .mainArea #CarouselArea .slick-next:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea #CarouselArea .slick-prev,
  .mainArea #CarouselArea .slick-next {
    transform: translateY(-50%);
  }
}
.mainArea #CarouselArea .slick-prev::after,
.mainArea #CarouselArea .slick-next::after {
  width: .4em;
  height: .4em;
  display: block;
  position: absolute;
  top: 34%;
  content: "";
  transform: rotate(45deg);
}
.mainArea #CarouselArea .slick-prev {
  left: clamp(10px, calc(10px + (50 * max(0px, ((100dvw - 384px) / (1536))))), 60px);
  transform: translateY(-50%);
}
.mainArea #CarouselArea .slick-prev::after {
  border-bottom: .2em solid #FFF;
  border-left: .2em solid #FFF;
  left: 40%;
}
.mainArea #CarouselArea .slick-next {
  right: clamp(10px, calc(10px + (50 * max(0px, ((100dvw - 384px) / (1536))))), 60px);
  transform: translateY(-50%);
}
.mainArea #CarouselArea .slick-next::after {
  border-top: .2em solid #FFF;
  border-right: .2em solid #FFF;
  right: 40%;
}
.mainArea #EntryList {
  max-width: 960px;
  margin: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px) auto 0 auto;
  padding: 0 clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
}
.mainArea #EntryList > ._today {
  font-size: 100%;
  color: #666;
  line-height: 1.2;
  letter-spacing: .05em;
  margin-bottom: 3em;
}
.mainArea #EntryList > ._today span {
  font-size: 140%;
}
.mainArea #EntryList ul {
  display: grid;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  gap: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
}
@media screen and (max-width: 480.98px) {
  .mainArea #EntryList ul {
    grid-template-columns: repeat(1, clamp(0px, calc(0px + (680 * max(0px, ((100dvw - 0px) / (768))))), 680px));
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .mainArea #EntryList ul {
    grid-template-columns: repeat(2, 40vw);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) and (max-width: 768px) {
  .mainArea #EntryList ul {
    grid-template-columns: repeat(1, clamp(425px, calc(425px + (95 * max(0px, ((100dvw - 480px) / (288))))), 520px));
  }
}

@media print, screen and (min-width: 961px) {
  .mainArea #EntryList ul {
    grid-template-columns: repeat(3, 280px);
  }
}
.mainArea #EntryList li._isVisible {
  display: block;
  animation: _fadeIn 1000ms forwards;
}
.mainArea #EntryList li._isHidden {
  display: none;
  opacity: 0;
}
@media screen and (max-width: 480.98px) {
  .mainArea #EntryList li ._link {
    width: clamp(0px, calc(0px + (680 * max(0px, ((100dvw - 0px) / (768))))), 680px);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .mainArea #EntryList li ._link {
    width: 40vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) and (max-width: 768px) {
  .mainArea #EntryList li ._link {
    width: clamp(425px, calc(425px + (95 * max(0px, ((100dvw - 480px) / (288))))), 520px);
  }
}

@media print, screen and (min-width: 961px) {
  .mainArea #EntryList li ._link {
    width: 280px;
  }
}
.mainArea #EntryList li ._thumbnail {
  background-color: #FFF;
  height: auto;
  aspect-ratio: 720 / 510;
  overflow: hidden;
}
@media screen and (max-width: 480.98px) {
  .mainArea #EntryList li ._thumbnail {
    width: clamp(0px, calc(0px + (680 * max(0px, ((100dvw - 0px) / (768))))), 680px);
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) {
  .mainArea #EntryList li ._thumbnail {
    width: 40vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 960.98px) and (max-width: 768px) {
  .mainArea #EntryList li ._thumbnail {
    width: clamp(425px, calc(425px + (95 * max(0px, ((100dvw - 480px) / (288))))), 520px);
  }
}

@media print, screen and (min-width: 961px) {
  .mainArea #EntryList li ._thumbnail {
    width: 280px;
  }
}
.mainArea #EntryList li ._inner {
  transform: scale(var(--entryRate));
}
.mainArea #EntryList li ._debug {
  color: #666;
  text-align: left;
  text-decoration: none;
  width: 100%;
  padding: .5em 0;
}
.mainArea #EntryList li ._debug th,
.mainArea #EntryList li ._debug td {
  font-size: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (560))))), 1.2rem);
  line-height: 1.4;
  vertical-align: top;
  padding-bottom: .2em;
}
.mainArea #EntryList li ._debug th {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  padding-right: 1em;
}
.mainArea #EntryList li ._debug td {
  width: 100%;
}
.mainArea #EntryList li ._debug ._past {
  color: #F00;
}

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