@charset "UTF-8";

/*======================================================================
Detail Page Common
======================================================================*/
.enjoy-detail {
  overflow: hidden;
}
.enjoy-detail img {
  display: block;
  width: 100%;
}

/*======================================================================
Detail Page Header
======================================================================*/
.enjoy-friend {
  background:
    url("../images/enjoy/bg_content.svg") left calc(650 / 1280 * 100vw) / 100%
      auto no-repeat,
    url("../images/enjoy/friend/bg.jpg") left top / 100% auto no-repeat;
}
.enjoy-family {
  background:
    url("../images/enjoy/bg_content.svg") left calc(650 / 1280 * 100vw) / 100%
      auto no-repeat,
    url("../images/enjoy/family/bg.jpg") left top / 100% auto no-repeat;
}
.enjoy-couple {
  background:
    url("../images/enjoy/bg_content.svg") left calc(650 / 1280 * 100vw) / 100%
      auto no-repeat,
    url("../images/enjoy/couple/bg.jpg") left top / 100% auto no-repeat;
}
.enjoy-solo {
  background:
    url("../images/enjoy/bg_content.svg") left calc(650 / 1280 * 100vw) / 100%
      auto no-repeat,
    url("../images/enjoy/solo/bg.jpg") left top / 100% auto no-repeat;
}
.enjoy-detail-header .inner-width {
  width: 100vw;
  padding: var(--w-60) var(--w-100);
}
.enjoy-detail-header__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.enjoy-detail-header__body {
  width: calc(490 / var(--w) * 100vw);
  margin-left: calc(20 / var(--w) * 100vw);
  padding-top: var(--w-8);
}
.enjoy-detail-header__icon {
  width: var(--w-300);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--w-20);
}
.enjoy-index-header__title {
  margin-top: var(--w-8);
}
.enjoy-index-header__title .title-jp {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: calc(65 / var(--w) * 100vw);
  margin-top: calc(-8 / var(--w) * 100vw);
  padding: 0;
  text-align: center;
  background-color: var(--pink);
  color: white;
  border-radius: var(--w-8);
  font-weight: 900;
}
.enjoy-index-header__title .title-jp span {
  font-size: var(--w-30);
}
.enjoy-index-header__title .title-jp span.cate {
  font-size: var(--w-40);
}
.enjoy-detail-header__text {
  margin-top: var(--w-16);
  font-size: var(--w-16);
  line-height: 1.6;
  color: #fff;
}
.enjoy-detail-header__thum {
  width: calc(486 / var(--w) * 100vw);
}

@media screen and (max-width: 750px) {
  .enjoy-friend {
    background:
      url("../images/enjoy/bg_content_sp.svg") left calc(775 / 390 * 100vw) /
        100% auto no-repeat,
      url("../images/enjoy/friend/bg_sp.jpg") left top / 100% auto no-repeat;
  }
  .enjoy-family {
    background:
      url("../images/enjoy/bg_content_sp.svg") left calc(775 / 390 * 100vw) /
        100% auto no-repeat,
      url("../images/enjoy/family/bg_sp.jpg") left top / 100% auto no-repeat;
  }
  .enjoy-couple {
    background:
      url("../images/enjoy/bg_content_sp.svg") left calc(775 / 390 * 100vw) /
        100% auto no-repeat,
      url("../images/enjoy/couple/bg_sp.jpg") left top / 100% auto no-repeat;
  }
  .enjoy-solo {
    background:
      url("../images/enjoy/bg_content_sp.svg") left calc(775 / 390 * 100vw) /
        100% auto no-repeat,
      url("../images/enjoy/solo/bg_sp.jpg") left top / 100% auto no-repeat;
  }

  .enjoy-detail-header {
  }
  .enjoy-detail-header .inner-width {
    padding: var(--w-40) var(--w-16) var(--w-16);
  }
  .enjoy-detail-header__wrap {
    flex-direction: column;
  }
  .enjoy-detail-header__body {
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  .enjoy-detail-header__icon {
    width: calc(165 / var(--w) * 100vw);
  }
  .enjoy-index-header__title {
    margin-top: var(--w-16);
  }

  .enjoy-index-header__title .title-jp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: calc(52 / var(--w) * 100vw);
    margin-top: calc(-8 / var(--w) * 100vw);
    padding: 0;
    text-align: center;
    background-color: transparent;
    color: white;
    border-style: none;
  }
  .enjoy-index-header__title .title-jp span {
    padding: 0 var(--w-14);
    font-size: var(--w-24);
    background-color: var(--pink);
    border-radius: var(--w-8);
  }
  .enjoy-index-header__title .title-jp span.cate {
    font-size: var(--w-36);
  }
  .enjoy-detail-header__text {
    margin-top: var(--w-16);
    font-size: var(--w-14);
    line-height: 1.6;
    color: #fff;
  }
  .enjoy-detail-header__thum {
    width: 100%;
    margin-top: var(--w-16);
  }
}

/*======================================================================
Detail Page step
======================================================================*/
.enjoy-detail-step {
  margin-top: calc(-20 / var(--w) * 100vw);
  position: relative;
  padding-bottom: var(--w-38);
}
.enjoy-detail-step__list {
  display: flex;
  justify-content: center;
  list-style: none;
}
.enjoy-detail-step__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(128 / var(--w) * 100vw);
  padding-left: calc(12 / var(--w) * 100vw);
  padding-right: calc(12 / var(--w) * 100vw);
}
.enjoy-detail-step__item .item-num {
  margin: calc(12 / var(--w) * 100vw) auto 0;
}
.enjoy-detail-step__item .item-num img {
  height: calc(20 / var(--w) * 100vw);
}
.enjoy-detail-step__item .item-wrap {
  display: contents;
}
.enjoy-detail-step__item .item-start {
  position: absolute;
  top: calc(30 / var(--w) * 100vw);
  left: calc(-10 / var(--w) * 100vw);
  rotate: -26deg;
  z-index: 2;
}
.enjoy-detail-step__item .item-link {
  margin-top: var(--w-36);
}
.enjoy-detail-step__item .item-thum {
  position: relative;
  aspect-ratio: 128 / 162;
  /*
  padding-left: calc(14 / var(--w) * 100vw);
  padding-right: calc(14 / var(--w) * 100vw);
*/
  border-radius: var(--w-16);
  overflow: hidden;
  border: 2px solid transparent;
  transition-duration: 0.4s;
}
.enjoy-detail-step__item .item-thum:hover {
  border: 2px solid var(--pink);
  transition-duration: 0.4s;
  opacity: 1;
}
.enjoy-detail-step__item .item-thum img:hover {
  transform: scale(1.1);
  transition-duration: 0.4s;
}
.enjoy-detail-step__item .item-thum img {
  display: block;
  width: 100%;
  transition-duration: 0.4s;
}
.enjoy-detail-step__item a:hover {
  opacity: 1;
}
.enjoy-detail-step__item a::before {
  content: "";
  position: absolute;
  top: 42%;
  right: 100%;
  translate: 50% -50%;
  width: calc(12 / var(--w) * 100vw);
  aspect-ratio: 12 / 24;
  background-image: url(../images/enjoy/header_nav_tri.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.enjoy-detail-step__item .item-thum::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  background-image: url(../images/enjoy/ic_pink_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  z-index: 2;
}

.enjoy-detail-step__item:first-child a::before {
  display: none;
}
.enjoy-detail-step__item .item-thum img {
  position: relative;
  z-index: 2;
}
.enjoy-detail-step__item .item-ttl {
  margin-top: var(--w-8);
  font-size: var(--w-14);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .enjoy-detail-step {
    padding: var(--w-100) var(--w-16) var(--w-24);
  }
  .enjoy-detail-step::before {
    content: none;
  }
  .enjoy-detail-step::after {
    top: var(--w-16);
    width: calc(159 / var(--w) * 100vw);
    height: calc(222 / var(--w) * 100vw);
    background-image: url(../images/enjoy/common/bg_step_foot_sp.svg);
  }
  .enjoy-detail-step__list {
    flex-direction: column;
  }
  .enjoy-detail-step__item {
    flex-direction: row;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .enjoy-detail-step__item:nth-child(n + 2) {
    margin-top: var(--w-18);
  }
  .enjoy-detail-step__item .item-num {
    flex-shrink: 0;
    margin: 0;
  }
  .enjoy-detail-step__item .item-num img {
    height: calc(32 / var(--w) * 100vw);
  }
  .enjoy-detail-step__item .item-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: var(--w-16);
    width: calc(170 / var(--w) * 100vw);
  }
  .enjoy-detail-step__item .item-start {
    position: absolute;
    top: 0;
    left: calc(-10 / var(--w) * 100vw);
    rotate: -26deg;
    z-index: 2;
  }
  .enjoy-detail-step__item .item-link {
    width: 100%;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .enjoy-detail-step__item .item-thum {
    width: calc(166 / var(--w) * 100vw);
    aspect-ratio: 168 / 92;
    border-radius: var(--w-8);
  }
  .enjoy-detail-step__item .item-link::before {
    top: auto;
    bottom: 100%;
    right: auto;
    left: calc(67 / var(--w) * 100vw);
    translate: 50% var(--w-4);
    width: var(--w-12);
    aspect-ratio: 12 / 22;
    rotate: 90deg;
    background-position: center center;
  }
  .enjoy-detail-step__item .item-thum::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30%;
    background-image: url(../images/enjoy/ic_pink_arrow_sp.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    z-index: 2;
  }
  .enjoy-detail-step__item .item-thum img {
    position: relative;
    z-index: 2;
  }
  .enjoy-detail-step__item .item-ttl {
    text-align: left;
  }
}

/*======================================================================
Detail Page Main Contents
======================================================================*/
.enjoy-detail-main {
  padding-bottom: calc(110 / var(--w) * 100vw);
  background-position-y: calc(-150 / var(--w) * 100vw);
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/enjoy/family/bg_family2.svg);
}
.enjoy-family .enjoy-detail-main {
  background-image: url(../images/enjoy/family/bg_family2.svg);
}
.enjoy-detail-main + .enjoy-footer {
  margin-top: calc(-56 / var(--w) * 100vw);
}
.enjoy-detail-contents {
  padding-top: calc(56 / var(--w) * 100vw);
}

@media screen and (max-width: 750px) {
  .enjoy-detail-main {
    padding-bottom: var(--w-80);
    background-position-y: 0;
    background-image: url(../images/enjoy/common/bg_detail_sp.svg);
  }
  .enjoy-family .enjoy-detail-main {
    background-image: url(../images/enjoy/family/bg_family_sp.svg);
  }
  .enjoy-friend .enjoy-detail-main {
    background-position-y: calc(-403 / var(--w) * 100vw);
    background-image: url(../images/enjoy/friend/bg_friend_sp.svg);
  }
  .enjoy-solo .enjoy-detail-main {
    background-position-y: calc(-492 / var(--w) * 100vw);
    background-image: url(../images/enjoy/solo/bg_solo_sp.svg);
  }
  .enjoy-detail-main + .enjoy-footer {
    margin-top: calc(-21 / var(--w) * 100vw);
  }
  .enjoy-detail-contents {
    padding-top: calc(24 / var(--w) * 100vw);
  }
}

/* Item */
.enjoy-detail-contents__item {
  position: relative;
  padding-left: var(--w-160);
  padding-right: var(--w-160);
}
.enjoy-detail-contents__item:nth-child(n + 2) {
  margin-top: calc(220 / var(--w) * 100vw);
}
.enjoy-detail-contents__item::before {
  content: "";
  position: absolute;
  top: calc(-130 / var(--w) * 100vw);
  background-size: 100%;
  background-repeat: no-repeat;
  transform-origin: top center;
  animation: swingImage 0.75s ease-out infinite alternate;
}
@keyframes swingImage {
  0% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(3deg);
  }
}
.enjoy-detail-contents__item:nth-child(2)::before {
  top: calc(-200 / var(--w) * 100vw);
  left: calc(340 / var(--w) * 100vw);
  width: calc(155 / var(--w) * 100vw);
  height: calc(164 / var(--w) * 100vw);
  background-image: url(../images/enjoy/foot01-02.svg);
}
.enjoy-detail-contents__item:nth-child(3)::before {
  top: calc(-165 / var(--w) * 100vw);
  left: calc(680 / var(--w) * 100vw);
  width: calc(155 / var(--w) * 100vw);
  height: calc(116 / var(--w) * 100vw);
  background-image: url(../images/enjoy/foot02-03.svg);
}
.enjoy-detail-contents__item:nth-child(4)::before {
  top: calc(-200 / var(--w) * 100vw);
  left: calc(340 / var(--w) * 100vw);
  width: calc(155 / var(--w) * 100vw);
  height: calc(164 / var(--w) * 100vw);
  background-image: url(../images/enjoy/foot03-04.svg);
}
.enjoy-detail-contents__item:nth-child(5)::before {
  top: calc(-130 / var(--w) * 100vw);
  left: calc(680 / var(--w) * 100vw);
  width: calc(155 / var(--w) * 100vw);
  height: calc(116 / var(--w) * 100vw);
  background-image: url(../images/enjoy/foot04-05.svg);
}
.enjoy-detail-contents__item:nth-child(6)::before {
  top: calc(-200 / var(--w) * 100vw);
  left: calc(340 / var(--w) * 100vw);
  width: calc(155 / var(--w) * 100vw);
  height: calc(164 / var(--w) * 100vw);
  background-image: url(../images/enjoy/foot05-06.svg);
}

.enjoy-detail-contents__item--wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 976 / 340;
  box-sizing: border-box;
  border-radius: calc(40 / var(--w) * 100vw);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.enjoy-friend #step01 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/friend/bg01.png);
}
.enjoy-friend #step02 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/friend/bg02.png);
}
.enjoy-friend #step03 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/friend/bg03.png);
}
.enjoy-friend #step04 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/friend/bg04.png);
}
.enjoy-friend #step05 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/friend/bg05.png);
}

.enjoy-family #step01 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/family/bg01.png);
}
.enjoy-family #step02 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/family/bg02.png);
}
.enjoy-family #step03 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/family/bg03.png);
}
.enjoy-family #step04 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/family/bg04.png);
}
.enjoy-family #step05 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/family/bg05.png);
}
.enjoy-family #step06 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/family/bg06.png);
}

.enjoy-couple #step01 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/couple/bg01.png);
}
.enjoy-couple #step02 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/couple/bg02.png);
}
.enjoy-couple #step03 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/couple/bg03.png);
}
.enjoy-couple #step04 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/couple/bg04.png);
}
.enjoy-couple #step05 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/couple/bg05.png);
}
.enjoy-couple #step06 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/couple/bg06.png);
}

.enjoy-solo #step01 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/solo/bg01.png);
}
.enjoy-solo #step02 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/solo/bg02.png);
}
.enjoy-solo #step03 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/solo/bg03.png);
}
.enjoy-solo #step04 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/solo/bg04.png);
}
.enjoy-solo #step05 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/solo/bg05.png);
}
.enjoy-solo #step06 .enjoy-detail-contents__item--wrap {
  background-image: url(../images/enjoy/solo/bg06.png);
}

.enjoy-detail-contents__item--num {
  margin-right: var(--w-18);
  width: calc(50 / var(--w) * 100vw);
  flex-shrink: 0;
}
.enjoy-detail-contents__item--wrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enjoy-detail-contents__item--main-thums {
  position: relative;
  width: calc(480 / var(--w) * 100vw);
  margin-left: calc(-40 / var(--w) * 100vw);
}
.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--main-thums {
  margin-left: auto;
  margin-right: calc(-40 / var(--w) * 100vw);
}
.enjoy-detail-contents__item--wrap:has(.thums-sub) .thums-main {
  margin-top: calc(-40 / var(--w) * 100vw);
}
.enjoy-detail-contents__item--main-thums .thums-main {
  rotate: -8deg;
  transition-duration: 0.4s;
}
.enjoy-detail-contents__item--main-thums .thums-sub {
  position: absolute;
  width: calc(200 / var(--w) * 100vw);
  bottom: calc(-70 / var(--w) * 100vw);
  right: calc(-40 / var(--w) * 100vw);
  rotate: 5deg;
  transition-duration: 0.4s;
}
.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--main-thums
  .thums-main {
  rotate: 8deg;
  transition-duration: 0.4s;
}
.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--main-thums
  .thums-sub {
  rotate: -5deg;
  transition-duration: 0.4s;
}

.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--wrap {
  flex-direction: row-reverse;
}
.enjoy-detail-contents__item:nth-child(even) .enjoy-detail-contents__item--num {
  right: 0;
  left: calc(-72 / var(--w) * 100vw);
}
.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--main-thums
  .thums-sub {
  right: auto;
  left: calc(-40 / var(--w) * 100vw);
}
.enjoy-solo .enjoy-detail-contents__item:last-child {
  margin-bottom: calc(140 / var(--w) * 100vw);
}
.detail-button {
  width: var(--w-300);
  margin: var(--w-20) auto 0;
}

/* hover + rotate */
.enjoy-detail-contents__item--wrap:hover .thums-main {
  rotate: -5deg;
  transition-duration: 0.4s;
}
.enjoy-detail-contents__item--wrap:hover .thums-sub {
  rotate: 6deg;
  transition-duration: 0.4s;
}
.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--wrap:hover
  .thums-main {
  rotate: 9deg;
  transition-duration: 0.4s;
}
.enjoy-detail-contents__item:nth-child(even)
  .enjoy-detail-contents__item--wrap:hover
  .thums-sub {
  rotate: -6deg;
  transition-duration: 0.4s;
}

@media screen and (max-width: 750px) {
  .enjoy-detail-contents__item {
    margin-top: var(--w-40);
    padding-left: var(--w-24);
    padding-right: var(--w-24);
  }
  .enjoy-detail-contents__item:nth-child(n + 2) {
    margin-top: var(--w-200);
  }
  .enjoy-detail-contents__item:nth-child(n)::before {
    top: 0;
    bottom: 100%;
    translate: 0 -100%;
  }
  .enjoy-detail-contents__item:nth-child(2),
  .enjoy-detail-contents__item:nth-child(4),
  .enjoy-detail-contents__item:nth-child(6) {
    padding-top: calc(40 / var(--w) * 100vw);
  }

  .enjoy-detail-contents__item:nth-child(2)::before {
    top: calc(-44 / var(--w) * 100vw);
    left: calc(56 / var(--w) * 100vw);
    width: calc(108 / var(--w) * 100vw);
    height: calc(115 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(3)::before {
    top: calc(-80 / var(--w) * 100vw);
    left: calc(180 / var(--w) * 100vw);
    width: calc(108 / var(--w) * 100vw);
    height: calc(81 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(4)::before {
    top: calc(-44 / var(--w) * 100vw);
    left: calc(56 / var(--w) * 100vw);
    width: calc(108 / var(--w) * 100vw);
    height: calc(115 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(5)::before {
    top: calc(-80 / var(--w) * 100vw);
    left: calc(180 / var(--w) * 100vw);
    width: calc(108 / var(--w) * 100vw);
    height: calc(81 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(6)::before {
    top: calc(-44 / var(--w) * 100vw);
    left: calc(56 / var(--w) * 100vw);
    width: calc(108 / var(--w) * 100vw);
    height: calc(115 / var(--w) * 100vw);
  }

  .enjoy-detail-contents__item--num {
    margin-right: var(--w-12);
    width: calc(36 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item--wrap {
    display: block;
  }

  .enjoy-detail-contents__item--wrap {
    position: relative;
    width: 100%;
    /*    aspect-ratio: 332 / 670; */
    box-sizing: border-box;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: calc(36 / var(--w) * 100vw);
  }
  .enjoy-friend .enjoy-detail-contents__item--wrap {
    background-image: url(../images/enjoy/friend/bg01_sp.png);
  }
  .enjoy-friend .enjoy-detail-contents__item--wrap:nth-child(2) {
    background-image: url(../images/enjoy/friend/bg02_sp.png);
  }
  .enjoy-friend .enjoy-detail-contents__item--wrap:nth-child(3) {
    background-image: url(../images/enjoy/friend/bg03_sp.png);
  }
  .enjoy-friend .enjoy-detail-contents__item--wrap:nth-child(4) {
    background-image: url(../images/enjoy/friend/bg04_sp.png);
  }
  .enjoy-friend .enjoy-detail-contents__item--wrap:nth-child(5) {
    background-image: url(../images/enjoy/friend/bg05_sp.png);
  }

  .enjoy-family .enjoy-detail-contents__item--wrap {
    background-image: url(../images/enjoy/family/bg01_sp.png);
  }
  .enjoy-family .enjoy-detail-contents__item--wrap:nth-child(2) {
    background-image: url(../images/enjoy/family/bg02_sp.png);
  }
  .enjoy-family .enjoy-detail-contents__item--wrap:nth-child(3) {
    background-image: url(../images/enjoy/family/bg03_sp.png);
  }
  .enjoy-family .enjoy-detail-contents__item--wrap:nth-child(4) {
    background-image: url(../images/enjoy/family/bg04_sp.png);
  }
  .enjoy-family .enjoy-detail-contents__item--wrap:nth-child(5) {
    background-image: url(../images/enjoy/family/bg05_sp.png);
  }
  .enjoy-family .enjoy-detail-contents__item--wrap:nth-child(6) {
    background-image: url(../images/enjoy/family/bg06_sp.png);
  }

  .enjoy-couple .enjoy-detail-contents__item--wrap {
    background-image: url(../images/enjoy/couple/bg01_sp.png);
  }
  .enjoy-couple .enjoy-detail-contents__item--wrap:nth-child(2) {
    background-image: url(../images/enjoy/couple/bg02_sp.png);
  }
  .enjoy-couple .enjoy-detail-contents__item--wrap:nth-child(3) {
    background-image: url(../images/enjoy/couple/bg03_sp.png);
  }
  .enjoy-couple .enjoy-detail-contents__item--wrap:nth-child(4) {
    background-image: url(../images/enjoy/couple/bg04_sp.png);
  }
  .enjoy-couple .enjoy-detail-contents__item--wrap:nth-child(5) {
    background-image: url(../images/enjoy/couple/bg05_sp.png);
  }
  .enjoy-couple .enjoy-detail-contents__item--wrap:nth-child(6) {
    background-image: url(../images/enjoy/couple/bg06_sp.png);
  }

  .enjoy-solo .enjoy-detail-contents__item--wrap {
    background-image: url(../images/enjoy/solo/bg01_sp.png);
  }
  .enjoy-solo .enjoy-detail-contents__item--wrap:nth-child(2) {
    background-image: url(../images/enjoy/solo/bg02_sp.png);
  }
  .enjoy-solo .enjoy-detail-contents__item--wrap:nth-child(3) {
    background-image: url(../images/enjoy/solo/bg03_sp.png);
  }
  .enjoy-solo .enjoy-detail-contents__item--wrap:nth-child(4) {
    background-image: url(../images/enjoy/solo/bg04_sp.png);
  }
  .enjoy-solo .enjoy-detail-contents__item--wrap:nth-child(5) {
    background-image: url(../images/enjoy/solo/bg05_sp.png);
  }
  .enjoy-solo .enjoy-detail-contents__item--wrap:nth-child(6) {
    background-image: url(../images/enjoy/solo/bg06_sp.png);
  }

  .enjoy-detail-contents__item--main-thums {
    position: relative;
    width: 100%;
    margin-left: 0;
    top: calc(-30 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(even)
    .enjoy-detail-contents__item--main-thums {
    margin-left: 0;
    margin-right: 0;
  }
  .enjoy-detail-contents__item--wrap:has(.thums-sub) .thums-main {
    width: 86vw;
    margin-top: calc(-10 / var(--w) * 100vw);
    margin-left: calc(-2 / var(--w) * 100vw);
  }

  .enjoy-detail-contents__item--main-thums .thums-sub {
    width: calc(164 / var(--w) * 100vw);
    bottom: calc(-46 / var(--w) * 100vw);
    right: calc(-10 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(even)
    .enjoy-detail-contents__item--num {
    top: calc(-100 / var(--w) * 100vw);
    left: calc(-18 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item:nth-child(even)
    .enjoy-detail-contents__item--main-thums
    .thums-sub {
    right: calc(-10 / var(--w) * 100vw);
    left: auto;
  }
  .detail-button {
    width: 100%;
    margin: var(--w-10) auto 0;
  }
}

/* Body */
.enjoy-detail-contents__item--body {
  width: calc(460 / var(--w) * 100vw);
  margin-right: var(--w-36);
}
.enjoy-detail-contents__item--body:nth-child(even) {
  margin-right: auto;
  margin-left: var(--w-36);
}
.enjoy-detail-contents__item--body .body-time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.enjoy-detail-contents__item--body .body-ttl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.enjoy-detail-contents__item--body .body-ttl {
  position: relative;
  margin-top: var(--w-6);
  padding-bottom: var(--w-4);
  color: var(--pink);
  font-size: var(--w-24);
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}
.enjoy-detail-contents__item--body .body-text {
  padding-top: var(--w-4);
  font-size: var(--w-14);
  line-height: 1.6;
  color: #ffffff;
}
.enjoy-detail-contents__item--body .body-note {
  margin-top: var(--w-6);
  font-size: var(--w-12);
  line-height: 1.6;
  color: #ffffff;
}
.enjoy-detail-contents__item--body .c-button {
  position: relative;
  z-index: 2;
  width: var(--w-300);
  height: var(--w-50);
  margin-top: var(--w-6);
  font-size: var(--w-16);
}

@media screen and (max-width: 750px) {
  .enjoy-detail-contents__item--body {
    width: auto;
    margin-top: var(--w-16);
    margin-right: 0;
    padding-left: calc(24 / var(--w) * 100vw);
    padding-right: calc(24 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item--body:nth-child(even) {
    margin-right: 0;
    margin-left: 0;
  }

  .enjoy-detail-contents__item--body .body-time {
    width: calc(76 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item--body .body-ttl {
    font-size: var(--w-20);
  }
  .enjoy-detail-contents__item--body .c-button {
    width: 100%;
    max-width: none;
  }
}

/* 小サムネ */
.enjoy-detail-contents__item--child-thums {
  display: flex;
  justify-content: center;
  margin-top: var(--w-40);
}
.enjoy-detail-contents__item--child-thums .thums-item {
  width: calc(176 / var(--w) * 100vw);
  padding-left: var(--w-12);
  padding-right: var(--w-12);
}
@media screen and (max-width: 750px) {
  .enjoy-detail-contents__item--child-thums {
    margin-top: var(--w-10);
    margin-left: var(--w--4);
    margin-right: var(--w--4);
    flex-wrap: wrap;
    padding-left: var(--w-16);
    padding-right: var(--w-16);
  }
  .enjoy-detail-contents__item--child-thums .thums-item {
    width: calc(50% - var(--w-20));
    padding-top: var(--w-20);
    padding-left: var(--w-10);
    padding-right: var(--w-10);
  }
}

/* コピーライト */
.enjoy-couple .enjoy-detail-contents__item--copyright {
  display: flex;
  align-items: center;
  justify-content: center;
}
.enjoy-couple .enjoy-detail-contents__item--copyright span {
  margin-top: var(--w-16);
  font-size: var(--w-10);
  font-weight: 400;
  line-height: 1.4;
  color: var(--gray2);
  text-align: right;
  word-break: break-word;
}
.enjoy-solo .enjoy-detail-contents__item--copyright {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.enjoy-solo .enjoy-detail-contents__item--copyright span {
  margin-top: var(--w-24);
  margin-right: var(--w--12);
  font-size: var(--w-10);
  font-weight: 400;
  line-height: 1.4;
  color: var(--gray2);
  text-align: right;
  word-break: break-word;
}
@media screen and (max-width: 750px) {
  .enjoy-solo .enjoy-detail-contents__item--copyright {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .enjoy-solo .enjoy-detail-contents__item--copyright span {
    margin-top: var(--w-16);
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

/* ポイント */
.enjoy-detail-contents__item--point {
  display: flex;
  align-items: center;
  width: calc(800 / var(--w) * 100vw);
  margin: var(--w-40) auto 0;
  border: 1px solid #c1c1c1;
  border-radius: 16px;
  background-color: #ffffff;
  overflow: hidden;
}
.enjoy-detail-contents__item--wrap:has(.thums-sub)
  + .enjoy-detail-contents__item--point,
.enjoy-detail-contents__item--wrap:has(.thums-sub)
  + .enjoy-detail-contents__item--other {
  margin: var(--w-100) auto 0;
}

.enjoy-detail-contents__item--point .point-thum {
  flex-shrink: 0;
  width: calc(256 / var(--w) * 100vw);
  aspect-ratio: 256 / 167;
}
.enjoy-detail-contents__item--point .point-body {
  display: flex;
  flex-direction: column;
  margin-left: var(--w-24);
  margin-right: var(--w-24);
}
.enjoy-detail-contents__item--point .point-name {
  position: relative;
  display: flex;
  margin: 0 auto;
}
.enjoy-detail-contents__item--point .point-name::before,
.enjoy-detail-contents__item--point .point-name::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: calc(17 / var(--w) * 100vw);
  height: calc(31 / var(--w) * 100vw);
  background-image: url(../images/enjoy/common/fukidashi_point.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.enjoy-detail-contents__item--point .point-name::before {
  left: calc(-25 / var(--w) * 100vw);
}
.enjoy-detail-contents__item--point .point-name::after {
  right: calc(-25 / var(--w) * 100vw);
  transform: rotateY(180deg);
}
.enjoy-detail-contents__item--point .point-ttl {
  margin-top: var(--w-8);
  font-size: calc(20 / var(--w) * 100vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.enjoy-detail-contents__item--point .point-text {
  margin-top: var(--w-8);
  font-size: var(--w-14);
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  .enjoy-detail-contents__item--point {
    display: block;
    width: 81.4%;
    margin-top: var(--w-24);
    border-radius: var(--w-24);
    box-sizing: border-box;
  }
  .enjoy-detail-contents__item--wrap:has(.thums-sub)
    + .enjoy-detail-contents__item--point,
  .enjoy-detail-contents__item--wrap:has(.thums-sub)
    + .enjoy-detail-contents__item--other {
    margin: var(--w-50) auto 0;
  }

  .enjoy-detail-contents__item--point .point-thum {
    width: 100%;
    margin-right: 0;
  }
  .enjoy-detail-contents__item--point .point-body {
    margin-top: var(--w-24);
  }
  .enjoy-detail-contents__item--point .point-name {
    width: calc(154 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item--point .point-ttl {
    font-size: calc(16 / var(--w) * 100vw);
  }
  .enjoy-detail-contents__item--point .point-text {
    margin-bottom: var(--w-24);
  }
}

/* 他の店など */
.enjoy-detail-contents__item--other {
  margin-top: var(--w-40);
}
.enjoy-detail-contents__item--other .other-head {
  position: relative;
  margin: 0 auto;
  width: calc(256 / var(--w) * 100vw);
}
.enjoy-detail-contents__item--other .other-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: var(--w-12);
  margin-left: var(--w--12);
  margin-right: var(--w--12);
}
.enjoy-detail-contents__item--other .other-item {
  display: flex;
  width: 33.3333%;
  max-width: calc(328 / var(--w) * 100vw);
  padding: var(--w-12);
  box-sizing: border-box;
}
.enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(4),
.enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(5),
.enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(7),
.enjoy-detail-contents__item--other .other-item:nth-child(3):nth-last-child(5),
.enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(8) {
  margin-left: 1px;
}
.enjoy-detail-contents__item--other .other-item__link {
  display: flex;
  width: 100%;
  background-color: #fff;
  border-radius: var(--w-8);
  overflow: hidden;
  border: 2px solid #ededed;
  transition: all 0.3s;
}
.enjoy-detail-contents__item--other .other-item__link:hover {
  transition: all 0.3s;
  border: 2px solid var(--pink);
  transition-duration: 0.4s;
  opacity: 1;
}

.enjoy-detail-contents__item--other .other-item__thum {
  flex-shrink: 0;
  width: var(--w-100);
}
.enjoy-detail-contents__item--other .other-item__body {
  padding: var(--w-10);
  padding-right: var(--w-8);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.enjoy-detail-contents__item--other .other-item__ttl {
  font-size: var(--w-14);
  font-weight: 700;
  line-height: 1.2;
}
.enjoy-detail-contents__item--other .other-item__text {
  font-size: var(--w-12);
  line-height: 1.4;
}
.enjoy-detail-contents__item--other .other-item__note {
  font-size: var(--w-10);
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .enjoy-detail-contents__item--other .other-head {
    white-space: nowrap;
    font-size: var(--w-20);
  }
  .enjoy-detail-contents__item--other .other-list {
    margin-top: var(--w-16);
  }
  .enjoy-detail-contents__item--other .other-item {
    width: 100%;
    max-width: none;
    padding-top: var(--w-6);
    padding-bottom: var(--w-6);
  }
  .enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(4),
  .enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(5),
  .enjoy-detail-contents__item--other .other-item:first-child:nth-last-child(7),
  .enjoy-detail-contents__item--other
    .other-item:nth-child(3):nth-last-child(5),
  .enjoy-detail-contents__item--other
    .other-item:first-child:nth-last-child(8) {
    margin-left: 0;
  }
  .enjoy-detail-contents__item--other .other-item__body {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .enjoy-detail-contents__item--other .other-item__ttl {
    font-size: var(--w-16);
    padding-bottom: var(--w-6);
  }
}

/* おすすめ */
.enjoy-index-recommend {
  padding-top: var(--w-60);
}
@media screen and (max-width: 750px) {
  .enjoy-index-recommend {
    padding-top: var(--w-40);
  }
  .enjoy-index-recommend__list {
    padding-bottom: var(--w-20);
  }
}

/*======================================================================
Detail Page Main Footer
======================================================================*/
.enjoy-detail-main-footer {
  margin-top: var(--w-60);
  padding-left: var(--w-160);
  padding-right: var(--w-160);
}
.enjoy-detail-main-footer__enjoy-top {
  display: flex;
  justify-content: center;
}
.enjoy-detail-main-footer__enjoy-top .c-button {
  padding: var(--w-12) var(--w-32);
  font-size: var(--w-16);
  width: auto;
}
.enjoy-detail-main-footer__enjoy-btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.enjoy-detail-main-footer__enjoy-btns .btns-item {
  width: calc(250 / var(--w) * 100vw);
  margin-top: var(--w-24);
  padding-left: var(--w-8);
  padding-right: var(--w-8);
}
.enjoy-detail-main-footer__enjoy-btns .c-button {
  display: flex;
  padding: var(--w-12) var(--w-32);
  flex-direction: column;
  font-size: var(--w-14);
}
.enjoy-detail-main-footer__enjoy-btns .txt-head {
  font-size: var(--w-16);
  font-weight: bold;
  color: var(--pink);
}

/* == グローボタンのため、ここから逆記述 == */
.hover-link {
  display: block;
  text-decoration: none;
}
.hover-figure {
  position: relative;
  margin: 0;
  width: 100%;
}
.hover-figure picture img {
  width: 100%;
  display: block;
}
.hover-figure .pic-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.hover-link:hover .hover-figure .pic-hover {
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .hover-figure .pic-hover {
    display: none !important;
  }
}
/* == ここまで逆記述 == */

@media screen and (max-width: 750px) {
  .enjoy-detail-main-footer {
    padding-left: var(--w-16);
    padding-right: var(--w-16);
  }
  .enjoy-detail-main-footer__enjoy-top .c-button {
    max-width: none;
    width: calc(320 / var(--w) * 100vw);
    text-align: center;
    letter-spacing: 0;
  }
  .enjoy-detail-main-footer__enjoy-btns {
    padding-top: var(--w-24);
  }
  .enjoy-detail-main-footer__enjoy-btns .btns-item {
    width: 100%;
    margin-top: var(--w-4);
    padding-left: 0;
    padding-right: 0;
  }
  .enjoy-detail-main-footer__enjoy-btns .c-button {
    width: 100%;
    max-width: none;
  }
}

/*======================================================================
Detail enjoy footer
======================================================================*/
.enjoy-detail-footer .enjoy-footer-bg {
  bottom: calc(-50 / var(--w) * 100vw);
  font-size: calc(175 / var(--w) * 100vw);
}
@media screen and (max-width: 750px) {
  .enjoy-detail-footer .enjoy-footer-bg {
    bottom: calc(-22 / var(--w) * 100vw);
    font-size: calc(52 / var(--w) * 100vw);
  }
}

/*======================================================================
enjoy_top.css  上書き
Hotel Text
======================================================================*/
.hotel-head {
  margin-top: 2.4rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  position: relative;
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .hotel-head {
    font-size: 4rem;
    margin-top: 2.4em;
    margin-bottom: 0.5em;
    padding-bottom: 0.75em;
  }
}
/*======================================================================
enjoy_top.css  上書き
Footer
======================================================================*/
.enjoy-footer .inner-width {
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
}