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

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

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-intro {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-intro {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-intro {
    max-width: calc(1260px * ((15 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-intro {
    max-width: calc(1260px * ((15 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    width: calc(388 / 428 * 100%);
  }
}

.p-activity {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .p-activity {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-activity {
    max-width: calc(1260px * ((15 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-activity {
    max-width: calc(1260px * ((15 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity {
    width: calc(388 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-activity {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity {
    margin-top: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity {
    flex-direction: column;
  }
}
.p-activity__left {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .p-activity__left {
    max-width: calc(950 / 1265 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left {
    max-width: calc(900 / 1265 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left {
    max-width: 100%;
  }
}
.p-activity__left#list .p-activity__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 1025px) {
  .p-activity__left#list .p-activity__list {
    gap: 0.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left#list .p-activity__list {
    gap: 0.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list {
    gap: 0.71rem;
  }
}
@media only screen and (max-width: 1024px) {
  .p-activity__left#list .p-activity__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-activity__left#list .p-activity__list__single {
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
  .p-activity__left#list .p-activity__list__single {
    padding: 1.07rem 1.07rem 1.78rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left#list .p-activity__list__single {
    padding: 0.71rem 0.71rem 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single {
    padding: 0.71rem 0.71rem 1.42rem;
  }
}
.mouse .p-activity__left#list .p-activity__list__single {
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}
.mouse .p-activity__left#list .p-activity__list__single:hover, .touch .p-activity__left#list .p-activity__list__single.touchstart {
  filter: drop-shadow(0 0 2.14rem rgba(89, 101, 112, 0.1)) drop-shadow(0 0.28rem 0.57rem rgba(89, 101, 112, 0.1));
}
.touch .p-activity__left#list .p-activity__list__single {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-activity__left#list .p-activity__list__single.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single {
    filter: drop-shadow(0 0 0.71rem rgba(224, 224, 224, 0.6));
  }
}
.p-activity__left#list .p-activity__list__single::after {
  content: "";
  display: block;
  background: url(../../activity/images/bg_box.webp) no-repeat;
  background-size: contain;
  background-position: bottom right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 7.14rem;
  height: 6.42rem;
  opacity: .5;
}
.p-activity__left#list .p-activity__list__single .img {
  width: 100%;
  height: auto;
  aspect-ratio: 4.5 / 3;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single .img {
    aspect-ratio: 4 / 3;
  }
}
.p-activity__left#list .p-activity__list__single .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  transition: .5s ease-in-out;
}
.p-activity__left#list .p-activity__list__single__title {
  position: relative;
  z-index: 2;
  width: 100%;
  height: fit-content;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single__title {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title {
    margin-top: 1.07rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single__title {
    padding-inline: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title {
    padding-inline: 0.5rem;
  }
}
.p-activity__left#list .p-activity__list__single__title .c-date {
  font-size: 0.93rem;
}
.p-activity__left#list .p-activity__list__single__title .c-date .en {
  margin-left: 0.35rem;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single__title .c-date .en {
    font-size: 1.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title .c-date .en {
    font-size: 0.86rem;
  }
}
.p-activity__left#list .p-activity__list__single__title .c-title {
  margin-top: 0.71rem;
  color: var(--color-text-2);
  display: -webkit-box;
  /* 必須 */
  -webkit-line-clamp: 2;
  /* ここを行数に */
  -webkit-box-orient: vertical;
  /* 縦方向にボックス */
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title .c-title {
    -webkit-line-clamp: 3;
    /* ここを行数に */
    font-size: 1rem;
  }
}
.p-activity__left#list .p-activity__list__single__title .c-cate {
  display: flex;
  gap: 0.35rem;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate {
    margin-top: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate {
    margin-top: 1.07rem;
  }
}
.p-activity__left#list .p-activity__list__single__title .c-cate__text {
  border: 1px solid var(--color-sub-4);
  background-color: #fff;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate__text {
    padding: 0.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate__text {
    padding: 0.35rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate__text {
    font-size: 0.86rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate__text {
    font-size: 0.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single__title .c-cate__text {
    font-size: 0.71rem;
  }
}
.p-activity__left#list .p-activity__list__single .c-link-btn__arr {
  position: absolute;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single .c-link-btn__arr {
    bottom: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single .c-link-btn__arr {
    bottom: 0.71rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#list .p-activity__list__single .c-link-btn__arr {
    right: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#list .p-activity__list__single .c-link-btn__arr {
    right: 0.71rem;
  }
}
.p-activity__left#list .p-activity__list__single:hover .img img {
  transform: scale(1.2);
}
.p-activity__left__pagination {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-activity__left__pagination {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .p-activity__left__pagination {
    width: calc(400 / 950 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left__pagination {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination {
    width: 80%;
  }
}
.p-activity__left__pagination .wrp_num {
  display: flex;
  position: relative;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .p-activity__left__pagination .wrp_num {
    gap: 0.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num {
    gap: 0.35rem;
  }
}
.p-activity__left__pagination .wrp_num .num {
  border-radius: 50%;
  font-weight: 300;
  font-family: "Cormorant Garamond", serif;
  color: var(--color-text-2);
  background-color: var(--color-accent-1);
  position: relative;
  line-height: 1;
  transition: .3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .p-activity__left__pagination .wrp_num .num {
    width: 4.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num {
    width: 2.85rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left__pagination .wrp_num .num {
    height: 4.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num {
    height: 2.85rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-activity__left__pagination .wrp_num .num {
    font-size: 1.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left__pagination .wrp_num .num {
    font-size: 1.64rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num {
    font-size: 1.57rem;
  }
}
.p-activity__left__pagination .wrp_num .num a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
  .p-activity__left__pagination .wrp_num .num a {
    padding: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num a {
    padding: 0.71rem;
  }
}
.p-activity__left__pagination .wrp_num .num svg {
  stroke: #000;
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num:not(.p-activity__left__pagination .wrp_num .num.prev, .p-activity__left__pagination .wrp_num .num.next) a {
    transform: translate(-50%, -55%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num.prev svg, .p-activity__left__pagination .wrp_num .num.next svg {
    transform: translateY(-13%);
  }
}
.p-activity__left__pagination .wrp_num .num.prev svg {
  transform: scaleX(-1);
}
@media only screen and (max-width: 767px) {
  .p-activity__left__pagination .wrp_num .num.prev svg {
    transform: translateY(-13%) scaleX(-1);
  }
}
.p-activity__left__pagination .wrp_num .num:hover, .p-activity__left__pagination .wrp_num .num.active {
  background-color: var(--color-accent-2);
  color: #fff;
}
.p-activity__left__pagination .wrp_num .num:hover svg, .p-activity__left__pagination .wrp_num .num.active svg {
  stroke: #fff;
  fill: #fff;
}
.p-activity__left#detail article .wrp_title {
  border-bottom: 1px solid var(--color-575757);
}
.p-activity__left#detail article .wrp_title .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.92rem;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_title .info {
    margin-top: 1.07em;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_title .info {
    margin-top: 0.71em;
  }
}
.p-activity__left#detail article .wrp_title .info dl dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.p-activity__left#detail article .wrp_title .info dl.box_date dd {
  font-weight: 300;
  font-family: "Cormorant Garamond", serif;
}
@media only screen and (min-width: 1025px) {
  .p-activity__left#detail article .wrp_title .info dl.box_date dd {
    font-size: 1.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left#detail article .wrp_title .info dl.box_date dd {
    font-size: 1.64rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_title .info dl.box_date dd {
    font-size: 1.57rem;
  }
}
.p-activity__left#detail article .wrp_title .info .box_category dd .c-cate {
  display: inline-block;
  border: 1px solid var(--color-sub-4);
  background-color: #fff;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_title .info .box_category dd .c-cate {
    padding: 0.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_title .info .box_category dd .c-cate {
    padding: 0.35rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-activity__left#detail article .wrp_title .info .box_category dd .c-cate {
    font-size: 0.86rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-activity__left#detail article .wrp_title .info .box_category dd .c-cate {
    font-size: 0.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_title .info .box_category dd .c-cate {
    font-size: 0.71rem;
  }
}
.p-activity__left#detail article .wrp_title .c-title {
  padding-bottom: 2.14rem;
  border-bottom: 1px solid var(--color-sub-4);
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_title .c-title {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_title .c-title {
    margin-top: 2.14rem;
  }
}
.p-activity__left#detail article .wrp_title .c-title .c-title__jp--s20 {
  line-height: 2.15;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article {
    margin-top: 3rem;
  }
}
.p-activity__left#detail article .wrp_article img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article > * {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article > * {
    margin-top: 3rem;
  }
}
.p-activity__left#detail article .wrp_article > *:first-child {
  margin-top: 0;
}
.p-activity__left#detail article .wrp_article .layout_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.p-activity__left#detail article .wrp_article .layout_img figcaption {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  display: block;
  margin-top: 1.42rem;
  line-height: 2;
}
.p-activity__left#detail article .wrp_article .layout_img.single .img {
  width: 100%;
}
.p-activity__left#detail article .wrp_article .layout_img.single figcaption {
  width: 90%;
  margin-inline: auto;
  margin-top: 5rem;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_img.double .img {
    width: calc(495 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_img.double .img {
    width: calc(420 / 880 * 100%);
  }
}
.p-activity__left#detail article .wrp_article .layout_img.double figcaption {
  width: 90%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_img.triple {
    gap: 0 calc(30 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_img.triple {
    gap: 2em calc(40 / 880 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_img.triple .img {
    width: calc(320 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_img.triple .img {
    width: calc(420 / 880 * 100%);
  }
}
.p-activity__left#detail article .wrp_article .layout_img.triple figcaption {
  width: 90%;
  margin-inline: auto;
}
.p-activity__left#detail article .wrp_article .layout_column {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_column {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_column {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_column {
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_column .img {
    width: calc(495 / 1030 * 100%);
  }
}
.p-activity__left#detail article .wrp_article .layout_column .txt {
  line-height: 2;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_column .txt {
    width: calc(495 / 1030 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_column .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_column.reverse {
    flex-direction: row;
  }
}
.p-activity__left#detail article .wrp_article .layout_text p {
  line-height: 2;
}
.p-activity__left#detail article .wrp_article .layout_slide .splide__arrows button {
  background: #fff;
}
.p-activity__left#detail article .wrp_article .layout_slide .splide__arrows button svg {
  fill: var(--color-cv2);
}
.p-activity__left#detail article .wrp_article .layout_slide .splide__pagination > li button {
  background: #fff;
}
.p-activity__left#detail article .wrp_article .layout_slide .splide__pagination > li .is-active {
  background: var(--color-cv2);
}
.p-activity__left#detail article .wrp_article .layout_movie {
  position: relative;
  overflow: hidden;
}
.p-activity__left#detail article .wrp_article .layout_movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-activity__left#detail article .wrp_article .layout_map iframe {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_map iframe {
    height: 70vh;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_map iframe {
    height: 50vh;
  }
}
.p-activity__left#detail article .wrp_article .layout_map .c-btn {
  max-width: 21.42rem;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_map .c-btn {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_map .c-btn {
    margin-top: 1rem;
  }
}
.p-activity__left#detail article .wrp_article .layout_table .c-table tr td a {
  text-decoration: underline;
  transition: .3s ease-in-out;
}
.p-activity__left#detail article .wrp_article .layout_table .c-table tr td a:hover {
  text-decoration: none;
}
.p-activity__left#detail article .wrp_article .layout_info {
  padding: 1.42rem 0;
  border-top: 1px solid var(--color-sub-4);
  border-bottom: 1px solid var(--color-sub-4);
}
.p-activity__left#detail article .wrp_article .layout_info .c-text_info {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  line-height: 2;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_info .c-text_info {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_info .c-text_info {
    margin-top: 0.71rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail article .wrp_article .layout_info .c-text_info {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail article .wrp_article .layout_info .c-text_info {
    text-align: left;
  }
}
.p-activity__left#detail article .wrp_article .layout_info .c-text_info dt {
  font-size: 0.86rem;
}
.p-activity__left#detail article .wrp_article .layout_info .c-text_info dt.price {
  margin-top: 1em;
}
.p-activity__left#detail article .wrp_article .layout_btn {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.85rem;
}
.p-activity__left#detail article .wrp_article .layout_btn .c-btn {
  min-width: 21.42rem;
}
.p-activity__left#detail article .wrp_article .c-title__jp {
  padding-inline: 0;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail .box_pagination_detail {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail .box_pagination_detail {
    margin-top: 3em;
  }
}
.p-activity__left#detail .box_pagination_detail dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.p-activity__left#detail .box_pagination_detail dd {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail .box_pagination_detail dd {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail .box_pagination_detail dd {
    justify-content: space-around;
  }
}
.p-activity__left#detail .box_pagination_detail dd .prev,
.p-activity__left#detail .box_pagination_detail dd .next {
  width: calc(395 / 789 * 100%);
  border: 1px solid var(--color-line-light);
}
.mouse .p-activity__left#detail .box_pagination_detail dd .prev, .mouse
.p-activity__left#detail .box_pagination_detail dd .next {
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}
.mouse .p-activity__left#detail .box_pagination_detail dd .prev:hover, .touch .p-activity__left#detail .box_pagination_detail dd .prev.touchstart, .mouse
.p-activity__left#detail .box_pagination_detail dd .next:hover, .touch
.p-activity__left#detail .box_pagination_detail dd .next.touchstart {
  filter: drop-shadow(0 0 2.14rem rgba(89, 101, 112, 0.1)) drop-shadow(0 0.28rem 0.57rem rgba(89, 101, 112, 0.1));
}
.touch .p-activity__left#detail .box_pagination_detail dd .prev, .touch
.p-activity__left#detail .box_pagination_detail dd .next {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-activity__left#detail .box_pagination_detail dd .prev.touchend, .touch
.p-activity__left#detail .box_pagination_detail dd .next.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.p-activity__left#detail .box_pagination_detail dd .prev a,
.p-activity__left#detail .box_pagination_detail dd .next a {
  border: 1px solid var(--color-sub-4);
  background-color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail .box_pagination_detail dd .prev a,
  .p-activity__left#detail .box_pagination_detail dd .next a {
    padding: 1.42rem 3.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail .box_pagination_detail dd .prev a,
  .p-activity__left#detail .box_pagination_detail dd .next a {
    padding: 0.71rem 1.42rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail .box_pagination_detail dd .prev a,
  .p-activity__left#detail .box_pagination_detail dd .next a {
    gap: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail .box_pagination_detail dd .prev a,
  .p-activity__left#detail .box_pagination_detail dd .next a {
    gap: 1.07rem;
  }
}
.p-activity__left#detail .box_pagination_detail dd .prev a .txt_pagination,
.p-activity__left#detail .box_pagination_detail dd .next a .txt_pagination {
  display: -webkit-box;
  /* 必須 */
  -webkit-line-clamp: 2;
  /* ここを行数に */
  -webkit-box-orient: vertical;
  /* 縦方向にボックス */
  overflow: hidden;
  line-height: 2.15;
}
.p-activity__left#detail .box_pagination_detail dd .prev a .ic_pagination svg,
.p-activity__left#detail .box_pagination_detail dd .next a .ic_pagination svg {
  object-fit: cover;
  stroke: #000;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail .box_pagination_detail dd .prev a .ic_pagination svg,
  .p-activity__left#detail .box_pagination_detail dd .next a .ic_pagination svg {
    height: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail .box_pagination_detail dd .prev a .ic_pagination svg,
  .p-activity__left#detail .box_pagination_detail dd .next a .ic_pagination svg {
    height: 1em;
  }
}
.p-activity__left#detail .box_pagination_detail dd .prev a {
  border-left: none;
  border-right: none;
}
.p-activity__left#detail .box_pagination_detail dd .prev svg {
  transform: scale(-1);
}
.p-activity__left#detail .box_pagination_detail dd .next a {
  border-right: none;
}
.p-activity__left#detail .c-btn--back {
  max-width: 21.42rem;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-activity__left#detail .c-btn--back {
    margin-top: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-activity__left#detail .c-btn--back {
    margin-top: 3em;
  }
}

.p-sidebar {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .p-sidebar {
    max-width: calc(247 / 1265 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-sidebar {
    max-width: calc(300 / 1265 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-sidebar {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-sidebar {
    margin-top: 3.57rem;
  }
}
.p-sidebar__title {
  font-weight: 300;
  font-family: "Cormorant Garamond", serif;
}
@media only screen and (min-width: 1025px) {
  .p-sidebar__title {
    font-size: 2.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-sidebar__title {
    font-size: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-sidebar__title {
    font-size: 1.79rem;
  }
}
.p-sidebar__cat li {
  background-color: #fff;
  border-bottom: 1px solid #EEE;
}
.mouse .p-sidebar__cat li {
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}
.mouse .p-sidebar__cat li:hover, .touch .p-sidebar__cat li.touchstart {
  filter: drop-shadow(0 0 2.14rem rgba(89, 101, 112, 0.1)) drop-shadow(0 0.28rem 0.57rem rgba(89, 101, 112, 0.1));
}
.touch .p-sidebar__cat li {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-sidebar__cat li.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.p-sidebar__cat li:first-of-type {
  border-top: 1px solid #EEE;
}
.p-sidebar__cat li a {
  display: block;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  color: var(--color-text-2);
}
@media only screen and (min-width: 768px) {
  .p-sidebar__cat li a {
    padding: 2rem 1.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-sidebar__cat li a {
    padding: 1.28rem 1.07rem;
  }
}