@charset "UTF-8";
.page-template-page-outgoing {
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
}
.page-template-page-outgoing img {
  width: 100%;
  display: block;
}
.page-template-page-outgoing button {
  background: none;
  border: none;
}
.page-template-page-outgoing button:hover {
  cursor: pointer;
}
.page-template-page-outgoing picture {
  display: block;
}
.page-template-page-outgoing sup {
  font-size: 0.75em !important;
}
.page-template-page-outgoing .u-pc {
  display: block;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .u-pc {
    display: none;
  }
}
.page-template-page-outgoing .u-sp {
  display: none;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .u-sp {
    display: block;
  }
}
.page-template-page-outgoing .l-inner {
  width: min(78.5714285714vw, 1100px);
  margin: 0 auto;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .l-inner {
    width: 90vw;
  }
}
.page-template-page-outgoing .l-section {
  padding: min(6.0714285714vw, 85px) 0;
  position: relative;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .l-section {
    padding: 16vw 0;
  }
}
.page-template-page-outgoing .c-ttl img {
  width: auto;
  height: min(2.2857142857vw, 32px);
  margin: 0 auto;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .c-ttl img {
    height: 6.4vw;
  }
}
.page-template-page-outgoing .c-lead {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  line-height: 1.903125;
  text-align: center;
  color: #5679ca;
  margin: 1em 0 3em;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .c-lead {
    font-size: 3.2vw;
  }
}
.page-template-page-outgoing .c-btn {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  letter-spacing: -0.025em;
  text-align: center;
  height: min(4.5714285714vw, 64px);
  border-radius: 9999px;
  box-shadow: rgba(255, 0, 255, 0.2) 1px 1px 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: 0.2s ease;
  /* 枠線のグラデーション表現（背景重ね） */
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .c-btn {
    font-size: 3.8461538462vw;
    width: 86.5384615385vw !important;
    height: 18.2692307692vw;
    margin: 0 auto;
  }
}
@media (hover: hover) {
  .page-template-page-outgoing .c-btn:hover {
    transform: scale(1.03);
  }
}
.page-template-page-outgoing .c-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: min(1.4285714286vw, 20px);
  bottom: 0;
  margin: auto;
  transition: 0.2s ease;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .c-btn::after {
    right: 5.7692307692vw;
  }
}
.page-template-page-outgoing .c-btn > span {
  /* テキストのグラデーション表現 */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-template-page-outgoing .c-btn.--pink {
  width: min(21.4285714286vw, 300px);
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #bb3aff, #ff94ff);
}
.page-template-page-outgoing .c-btn.--pink::after {
  width: min(1.2857142857vw, 18px);
  height: min(0.8571428571vw, 12px);
  background: url("../images/outgoing/ico_arw.svg") center center/contain no-repeat;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .c-btn.--pink::after {
    width: 5.5769230769vw;
    height: 3.4615384615vw;
  }
}
.page-template-page-outgoing .c-btn.--pink > span {
  background-image: linear-gradient(to right, #bb3aff, #ff94ff);
}
.page-template-page-outgoing .c-btn.--blue {
  width: min(19.9285714286vw, 279px);
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #50d5ff, #7a74ff);
}
.page-template-page-outgoing .c-btn.--blue::after {
  width: min(1.2857142857vw, 18px);
  height: min(1.2857142857vw, 18px);
  background: url("../images/outgoing/ico_external.svg") center center/contain no-repeat;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .c-btn.--blue::after {
    width: 5.5769230769vw;
    height: 5.7692307692vw;
  }
}
.page-template-page-outgoing .c-btn.--blue > span {
  background-image: linear-gradient(to right, #50d5ff, #7a74ff);
}
.page-template-page-outgoing .mv {
  position: relative;
}
.page-template-page-outgoing .mv__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(max(-39.2857142857vw, -550px), -50%);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .mv__content {
    width: 100%;
    top: auto;
    bottom: 7.6923076923vw;
    left: 0;
    transform: translate(0, 0);
  }
}
.page-template-page-outgoing .mv__ttl {
  width: min(40.7142857143vw, 570px);
  transform: translateX(max(-2.8571428571vw, -40px));
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .mv__ttl {
    width: 94.4230769231vw;
    transform: translate(-1.3333333333vw, 2.6666666667vw);
  }
}
.page-template-page-outgoing .mv__link {
  display: flex;
  gap: 0 min(0.7142857143vw, 10px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .mv__link {
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw 0;
  }
}
.page-template-page-outgoing .intro {
  background: #f9f6fd url("../images/outgoing/bg_grad_top_pink.png") center top/100% auto no-repeat;
  padding: min(8.2142857143vw, 115px) 0 min(6.0714285714vw, 85px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intro {
    padding: 16vw 0;
  }
}
.page-template-page-outgoing .intro__container {
  width: min(71.4285714286vw, 1000px);
  border-radius: min(1.4285714286vw, 20px);
  box-shadow: rgba(255, 0, 255, 0.2) 1px 1px 8px;
  box-sizing: border-box;
  padding: min(6.7857142857vw, 95px) 0 min(5.7142857143vw, 80px);
  margin: 0 auto;
  position: relative;
  /* 枠線のグラデーション表現（背景重ね） */
  border: 2px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #50d5ff, #7a74ff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intro__container {
    width: auto;
    border-radius: 5.3333333333vw;
    padding: 13.3333333333vw 0 10.6666666667vw;
  }
}
.page-template-page-outgoing .intro__orn {
  width: min(4.6428571429vw, 65px);
  height: min(4.5714285714vw, 64px);
  background: url("../images/outgoing/orn_intro.svg") center center/contain no-repeat;
  position: absolute;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intro__orn {
    width: 13vw;
    height: 12.8vw;
  }
}
.page-template-page-outgoing .intro__orn.--01 {
  top: min(4.1428571429vw, 58px);
  right: min(3.1428571429vw, 44px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intro__orn.--01 {
    top: 6.4vw;
    right: 2.9333333333vw;
  }
}
.page-template-page-outgoing .intro__orn.--02 {
  bottom: min(2.7142857143vw, 38px);
  left: min(3.1428571429vw, 44px);
}
.page-template-page-outgoing .intro__ttl {
  width: min(41.8571428571vw, 586px);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intro__ttl {
    width: calc(100% - 5.3333333333vw);
  }
}
.page-template-page-outgoing .intro__txt {
  font-weight: bold;
  font-size: min(1.2857142857vw, 18px);
  line-height: 2;
  text-align: center;
  color: #0e40b3;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intro__txt {
    font-size: 3.6vw;
  }
}
.page-template-page-outgoing .intent__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(0.8571428571vw, 12px) 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list {
    flex-direction: column;
    gap: 5.3333333333vw 0;
  }
}
.page-template-page-outgoing .intent__list-item {
  width: 49.2727272727%;
  height: min(14.6428571429vw, 205px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-item {
    width: 100%;
    height: auto;
  }
}
.page-template-page-outgoing .intent__list-item > a {
  width: 100%;
  height: 100%;
  border-radius: min(0.7142857143vw, 10px);
  box-sizing: border-box;
  padding: min(2.1428571429vw, 30px) min(1.2857142857vw, 18px) min(1.2857142857vw, 18px) min(7.8571428571vw, 110px);
  display: block;
  position: relative;
  transition: 0.2s ease;
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-item > a {
    border-radius: 2.6666666667vw;
    padding: 5.3333333333vw 5.3333333333vw 13.3333333333vw 21.3333333333vw;
  }
}
@media (hover: hover) {
  .page-template-page-outgoing .intent__list-item > a:hover {
    transform: scale(1.03);
  }
}
.page-template-page-outgoing .intent__list-item:nth-child(1) > a, .page-template-page-outgoing .intent__list-item:nth-child(4) > a {
  background-image: linear-gradient(to bottom, #f9f5ff, #fff), linear-gradient(to bottom, #ff94ff, #bb3aff);
}
.page-template-page-outgoing .intent__list-item:nth-child(1) > a .intent__list-link > span, .page-template-page-outgoing .intent__list-item:nth-child(4) > a .intent__list-link > span {
  background-image: linear-gradient(to left, #bb3aff, #ff94ff);
}
.page-template-page-outgoing .intent__list-item:nth-child(2) > a, .page-template-page-outgoing .intent__list-item:nth-child(3) > a {
  background-image: linear-gradient(to bottom, #eef9ff, #fff), linear-gradient(to left, #7a74ff, #50d5ff);
}
.page-template-page-outgoing .intent__list-item:nth-child(2) > a .intent__list-link > span, .page-template-page-outgoing .intent__list-item:nth-child(3) > a .intent__list-link > span {
  background-image: linear-gradient(to right, #50d5ff, #7a74ff);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-item:nth-child(3) {
    order: 4;
  }
  .page-template-page-outgoing .intent__list-item:nth-child(4) {
    order: 3;
  }
}
.page-template-page-outgoing .intent__list-ico {
  width: min(5.1428571429vw, 72px);
  height: min(5.1428571429vw, 72px);
  position: absolute;
  top: min(2.1428571429vw, 30px);
  left: min(2vw, 28px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-ico {
    width: 16vw;
    height: 16vw;
    top: 5.3333333333vw;
    left: 2.6666666667vw;
  }
}
.page-template-page-outgoing .intent__list-ttl {
  font-weight: bold;
  font-size: min(1.7142857143vw, 24px);
  color: #0e40b3;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-ttl {
    font-size: 4.8vw;
  }
}
.page-template-page-outgoing .intent__list-txt {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  line-height: 1.903125;
  color: #5679ca;
  margin: 0.5em 0 0 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-txt {
    font-size: 3.2vw;
  }
}
.page-template-page-outgoing .intent__list-link {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  text-align: right;
  color: #5679ca;
  width: 100%;
  box-sizing: border-box;
  padding: 0 min(1.2857142857vw, 18px) 0 0;
  position: absolute;
  bottom: min(1.2857142857vw, 18px);
  left: 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-link {
    font-size: 3.2vw;
    padding: 0 4.8vw 0 0;
    bottom: 4.8vw;
  }
}
.page-template-page-outgoing .intent__list-link > span {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 min(2.5714285714vw, 36px) 0 0;
  position: relative;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-link > span {
    padding: 0 9.6vw 0 0;
  }
}
.page-template-page-outgoing .intent__list-link > span::after {
  content: "";
  width: min(2.0714285714vw, 29px);
  height: min(2.0714285714vw, 29px);
  background: url("../images/outgoing/arw_link_pink.svg");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .intent__list-link > span::after {
    width: 7.7333333333vw;
    height: 7.7333333333vw;
  }
}
.page-template-page-outgoing .about {
  background: url("../images/outgoing/bg_grad_top_pink.png") center top/100% auto no-repeat, url("../images/outgoing/bg_about.webp") center center/cover no-repeat;
  overflow: hidden;
}
.page-template-page-outgoing .about__container {
  background: rgba(255, 255, 255, 0.7);
  border-radius: min(1.4285714286vw, 20px);
  padding: min(3.5714285714vw, 50px) min(2.8571428571vw, 40px);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__container {
    border-radius: 5.3333333333vw;
    padding: 10.6666666667vw 5.3333333333vw;
    flex-direction: column;
    gap: 10.6666666667vw 0;
  }
}
.page-template-page-outgoing .about__img {
  width: min(25.3571428571vw, 355px);
  height: min(36.3571428571vw, 509px);
  background: url("../images/outgoing/bg_img_about.webp") center center/contain no-repeat;
  position: relative;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__img {
    width: 100%;
    height: 113.7483568075vw;
  }
}
.page-template-page-outgoing .about__img img {
  width: min(29.5714285714vw, 414px);
  max-width: none;
  position: absolute;
  top: max(-3.9285714286vw, -55px);
  left: 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__img img {
    width: 92.5183098592vw;
    top: -12.2910798122vw;
  }
}
.page-template-page-outgoing .about__content {
  width: calc(100% - min(25.3571428571vw, 355px));
  box-sizing: border-box;
  padding: 0 0 0 min(3.5714285714vw, 50px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__content {
    width: 100%;
    padding: 0;
  }
}
.page-template-page-outgoing .about__sub img {
  width: auto;
  height: min(1.7857142857vw, 25px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__sub img {
    height: 13.8666666667vw;
  }
}
.page-template-page-outgoing .about__txt {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  line-height: 1.903125;
  color: #5679ca;
  margin: 1em 0 0 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__txt {
    font-size: 3.2vw;
  }
}
.page-template-page-outgoing .about__link {
  margin: min(3.9285714286vw, 55px) 0 0 0;
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__link {
    margin: 10.6666666667vw 0 0 0;
  }
}
.page-template-page-outgoing .about__profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: min(2.5vw, 35px) 0 0 0;
  padding: 0;
  row-gap: min(1.7857142857vw, 25px); /* 行ごとの上下余白 */
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__profile {
    margin: 5.3333333333vw 0 0 0;
    row-gap: 5.3333333333vw;
  }
}
.page-template-page-outgoing .about__profile-item {
  display: flex;
  align-items: center;
  margin: 0;
}
.page-template-page-outgoing .about__profile-item--row1 {
  width: 62.8099173554%;
}
.page-template-page-outgoing .about__profile-item--row2 {
  width: 37.1900826446%;
}
.page-template-page-outgoing .about__profile-item--height {
  width: 38.0165289256%; /* 身長の幅 */
}
.page-template-page-outgoing .about__profile-item--weight {
  width: 61.9834710744%; /* 体重の幅 */
}
.page-template-page-outgoing .about__profile-item--blood {
  width: 38.0165289256%; /* 血液型の幅 */
}
.page-template-page-outgoing .about__profile-item--personality {
  width: 61.9834710744%; /* 性格の幅（文章が長いので一番広く取る） */
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__profile-item--row1 {
    width: 100%;
  }
  .page-template-page-outgoing .about__profile-item--row2 {
    width: 100%;
  }
  .page-template-page-outgoing .about__profile-item--height {
    width: 100%;
  }
  .page-template-page-outgoing .about__profile-item--weight {
    width: 100%;
  }
  .page-template-page-outgoing .about__profile-item--blood {
    width: 100%;
  }
  .page-template-page-outgoing .about__profile-item--personality {
    width: 100%;
  }
}
.page-template-page-outgoing .about__profile-item--full {
  width: 100%;
  align-items: flex-start; /* 長文になるので上揃え */
}
.page-template-page-outgoing .about__profile-label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(8.0714285714vw, 113px);
  height: min(2.0714285714vw, 29px);
  background-color: #fec8fa;
  color: #9469fa;
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  border-radius: 9999px;
  margin-right: min(1.4285714286vw, 20px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__profile-label {
    width: 22.6vw;
    height: 5.8vw;
    font-size: 3.2vw;
    margin-right: 4vw;
  }
}
.page-template-page-outgoing .about__profile-value {
  flex-grow: 1;
  margin: 0;
  color: #9469fa;
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  line-height: 1.778125;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .about__profile-value {
    font-size: 3.2vw;
  }
}
.page-template-page-outgoing .rooms {
  background: url("../images/outgoing/bg_grad_top_blue.png") center top/100% auto no-repeat, #e3f3fd url("../images/outgoing/bg_grad_bottom_blue.png") center bottom/100% auto no-repeat;
}
.page-template-page-outgoing .rooms__link {
  margin: min(3.9285714286vw, 55px) 0 0 0;
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__link {
    margin: 10.6666666667vw 0 0 0;
  }
}
.page-template-page-outgoing .rooms__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 min(0.7142857143vw, 10px);
  list-style: none;
  margin: 0 auto min(3.5714285714vw, 50px);
  padding: 0;
  width: 100%;
  max-width: min(55vw, 770px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__tabs {
    max-width: none;
    margin: 0 0 5.3333333333vw 0;
    flex-wrap: wrap;
    gap: 2.6666666667vw;
  }
}
.page-template-page-outgoing .rooms__tab-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(10.4285714286vw, 146px);
  height: min(2.9285714286vw, 41px);
  border-radius: 9999px;
  background-color: #fff;
  color: #0e40b3; /* 通常時の青文字（カンプに合わせて調整してください） */
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  letter-spacing: 0.16em;
  box-shadow: 2px 2px 5px rgba(134, 88, 135, 0.2);
  transition: all 0.3s ease;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__tab-item {
    width: 26.6666666667vw;
    height: 12.2666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
  }
}
.page-template-page-outgoing .rooms__tab-item:hover, .page-template-page-outgoing .rooms__tab-item.is-active {
  background: #fe86fa;
  color: #fff;
}
.page-template-page-outgoing .rooms__panel {
  display: none;
}
.page-template-page-outgoing .rooms__panel.is-active {
  display: block;
}
.page-template-page-outgoing .rooms__card-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  width: 100%;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-list {
    flex-wrap: wrap;
    gap: 2.6666666667vw 0;
  }
}
.page-template-page-outgoing .rooms__card-item {
  background-color: #fff;
  border-radius: min(1.4285714286vw, 20px);
  box-shadow: 2px 2px 5px rgba(134, 88, 135, 0.2);
  width: min(18.6428571429vw, 261px);
  overflow: hidden;
  transition: transform 0.2s ease;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-item {
    width: calc((100% - 2.6666666667vw) / 2);
    border-radius: 2.6666666667vw;
  }
}
@media (hover: hover) {
  .page-template-page-outgoing .rooms__card-item:hover {
    transform: scale(1.03);
  }
}
.page-template-page-outgoing .rooms__card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  box-sizing: border-box;
  padding: min(1.0714285714vw, 15px) min(0.8571428571vw, 12px) min(3.9285714286vw, 55px);
  position: relative;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-link {
    padding: 4vw 3.2vw 12vw;
  }
}
.page-template-page-outgoing .rooms__card-link::after {
  content: "";
  width: min(2.0714285714vw, 29px);
  height: min(2.0714285714vw, 29px);
  background: url("../images/outgoing/arw_link_pink.svg") center center/contain no-repeat;
  position: absolute;
  right: min(1.2857142857vw, 18px);
  bottom: min(1.1428571429vw, 16px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-link::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    right: 4vw;
    bottom: 4vw;
  }
}
.page-template-page-outgoing .rooms__card-img {
  width: 100%;
  aspect-ratio: 235/138; /* 画像のアスペクト比を固定 */
  overflow: hidden;
}
.page-template-page-outgoing .rooms__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: min(1.0714285714vw, 15px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-img img {
    border-radius: 2.6666666667vw;
  }
}
.page-template-page-outgoing .rooms__card-body {
  padding: min(0.7142857143vw, 10px) min(0.5714285714vw, 8px) 0;
  flex-grow: 1; /* タイトルの長さに応じて高さを自動伸長 */
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-body {
    padding: 2.6666666667vw 0 0 0;
  }
}
.page-template-page-outgoing .rooms__card-date {
  display: block;
  color: #5679ca;
  font-size: min(0.8571428571vw, 12px);
  font-weight: bold;
  letter-spacing: 0.16em;
  margin-bottom: 0.25em;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-date {
    font-size: 2.4vw;
  }
}
.page-template-page-outgoing .rooms__card-ttl {
  color: #0e40b3; /* 濃いめの青文字タイトル */
  font-size: min(1vw, 14px);
  font-weight: bold;
  line-height: 1.6428571429;
  letter-spacing: 0.12em;
  margin: 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-ttl {
    font-size: 2.8vw;
  }
}
.page-template-page-outgoing .rooms__card-footer {
  padding: min(1.4285714286vw, 20px) 0 0 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-footer {
    padding: 2.6666666667vw 0 0 0;
  }
}
.page-template-page-outgoing .rooms__card-categories {
  display: flex;
  flex-wrap: wrap; /* 複数あって入り切らない場合は自動で下行に折り返す */
  gap: min(0.2857142857vw, 4px); /* カテゴリバッジ同士の隙間 */
  flex-grow: 1;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-categories {
    gap: 1.0666666667vw;
  }
}
.page-template-page-outgoing .rooms__card-category {
  background-color: #e5ccff; /* 薄紫の丸背景 */
  color: #5679ca;
  font-size: min(0.8571428571vw, 12px); /* 複数並ぶことを想定して、少しだけ文字サイズをスマートに調整 */
  font-weight: bold;
  letter-spacing: 0.16em;
  padding: 0.1em 1em;
  border-radius: 9999px;
  white-space: nowrap; /* バッジの途中で文字が改行されるのを防ぐ */
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .rooms__card-category {
    font-size: 2.4vw;
  }
}
.page-template-page-outgoing .movie {
  background: url("../images/outgoing/bg_movie.webp") center center/cover no-repeat;
}
.page-template-page-outgoing .movie__content {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__content {
    flex-direction: column;
    gap: 5.3333333333vw 0;
  }
}
.page-template-page-outgoing .movie__img {
  width: 48.9545454545%;
  height: min(20.2857142857vw, 284px);
  background: #fff;
  border-radius: min(0.7142857143vw, 10px);
  box-shadow: 2px 2px 5px rgba(134, 88, 135, 0.2);
  box-sizing: border-box;
  padding: min(1.0714285714vw, 15px);
  transition: 0.2s ease;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__img {
    width: auto;
    height: auto;
    border-radius: 2.6666666667vw;
    padding: 4vw;
  }
}
@media (hover: hover) {
  .page-template-page-outgoing .movie__img:hover {
    cursor: pointer;
    transform: scale(1.03);
  }
}
.page-template-page-outgoing .movie__img-thumb {
  position: relative;
}
.page-template-page-outgoing .movie__img-thumb::after {
  content: "";
  width: min(3.7142857143vw, 52px);
  height: min(3.7142857143vw, 52px);
  background: url("../images/outgoing/ico_play.svg") center center/contain no-repeat;
  box-shadow: 2px 2px 5px rgba(134, 88, 135, 0.2);
  position: absolute;
  inset: 0;
  margin: auto;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__img-thumb::after {
    width: 13.8666666667vw;
    height: 13.8666666667vw;
  }
}
.page-template-page-outgoing .movie__img-thumb img {
  border-radius: min(0.7142857143vw, 10px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__img-thumb img {
    border-radius: 2.6666666667vw;
  }
}
.page-template-page-outgoing .movie__img-cap {
  padding: 0 0 0 min(2.5vw, 35px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__img-cap {
    padding: 0;
  }
}
.page-template-page-outgoing .movie__img-ttl {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  line-height: 1.528125;
  color: #0e40b3;
  margin: 1em 0 0 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__img-ttl {
    font-size: 4.2666666667vw;
  }
}
.page-template-page-outgoing .movie__img-txt {
  font-weight: bold;
  font-size: min(1vw, 14px);
  line-height: 1.7857142857;
  color: #5679ca;
  margin: 0.5em 0 0 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .movie__img-txt {
    font-size: 3.7333333333vw;
  }
}
.page-template-page-outgoing .more {
  height: min(20.5357142857vw, 287.5px);
  background: url("../images/outgoing/bg_more.webp") center center/100% 100% no-repeat;
  box-sizing: border-box;
  padding: min(3.5714285714vw, 50px);
  margin: min(6.2857142857vw, 88px) 0 0 0;
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .more {
    height: auto;
    background: linear-gradient(to right, #ff88ff, #bb3aff, #8987ff, #4dc3ff);
    border-radius: 5.3333333333vw;
    padding: 10.6666666667vw 5.3333333333vw;
    margin: 10.6666666667vw 0 0 0;
  }
}
.page-template-page-outgoing .more__ttl img {
  width: auto;
  height: min(2.1428571429vw, 30px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .more__ttl img {
    height: auto;
  }
}
.page-template-page-outgoing .more__txt {
  font-weight: bold;
  font-size: min(1.1428571429vw, 16px);
  line-height: 1.903125;
  color: #fff;
  margin: 1em 0 0 0;
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .more__txt {
    font-size: 4.2666666667vw;
  }
}
.page-template-page-outgoing .more__link {
  margin: min(2.1428571429vw, 30px) 0 0 0;
  display: flex;
  gap: 0 min(0.7142857143vw, 10px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .more__link {
    margin: 5.3333333333vw 0 0 0;
    flex-direction: column;
    gap: 5.3333333333vw 0;
  }
  .page-template-page-outgoing .more__link a {
    width: 100% !important;
  }
}
.page-template-page-outgoing .more__img {
  width: min(39.7142857143vw, 556px);
  position: absolute;
  top: max(-1.2857142857vw, -18px);
  right: max(-6.4285714286vw, -90px);
}
@media print, screen and (max-width: 520px) {
  .page-template-page-outgoing .more__img {
    display: none;
  }
}/*# sourceMappingURL=outgoing.css.map */