@charset "utf-8";

/*================================================
  short-term stay
================================================*/

/*read*/
.read-img-title {
  width: 60%;
  max-width: 360px;
}

.read-pic-svg {
  mask-image: url(../../image/short-term-stay/read_pic_path.svg);
	-webkit-mask-image:url(../../image/short-term-stay/read_pic_path.svg);
}

.read-pic::after {
  content: "";
  display: block;
  position: absolute;
  width: 127px;
  height: 120px;
  background-image: url(../../image/short-term-stay/read_bg_img.png);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -20px;
  left: 0;
}
@media print, screen and (min-width: 769px) {
  .read-pic {
    width: 70%;
    max-width: 560px;
  }
}


/*------------------------------------------------
one-day
------------------------------------------------*/
.one-day {
  /* background-color: var(--color-short-term-light); */
}
.one-day.section-top-round::before {
  background-color: var(--color-short-term-light);
}


.one-day-list-item::before {
  background-image: url(../../image/short-term-stay/dotted.svg);
}

.one-day-list-item-time {
  color: var(--color-short-term);
}

/*------------------------------------------------
  events
------------------------------------------------*/
.events {
  /* background-color: var(--color-white); */
  background-color: var(--color-short-term-light);
}
.events.section-top-round::before {
  background-color: var(--color-white);
}



.events .section-container + .section-container {
  margin: calc(var(--layout-gap)*2) auto;
}

/*------------------------------------------------
facility
------------------------------------------------*/
.facility {
  /* background-color: var(--primary-bg-color); */
  background-color: var(--color-white);
}
.facility.section-top-round::before {
  background-color: var(--primary-bg-color);
}


/*------------------------------------------------
  pdf-dl
------------------------------------------------*/
.pdf-dl {
  background-image: url(../../image/short-term-stay/pdf_dl_bg.jpg);
}
.pdf-link-item > a::after {
  background-image: url(../../image/common/icon_pdf_short_term.svg);
}
.pdf-link-item > a {
  color: var(--color-short-term);
}

.pdf-link-item > a:hover {
  background-color: var(--color-short-term);
}