@charset "UTF-8";
/* ===========================================
 * SCENE
 * ======================================== */
.products__inner {
	width: calc(100% - (20 * 2 * var(--scale)));
	margin-inline: auto;
  &:has(.scene__products__caution) {
    margin-top: calc(70 * var(--scale));
  }
}
/* products */
/* ======================================= */
.scene__products__item[data-note="caution"] {
  --object-size: 28;
  .scene__products__item__name {
    width: fit-content;
    margin-inline: auto;
    position: relative;
  }
  .scene__products__item__name::before {
    content: "";
    width: calc(var(--object-size) * var(--scale));
    height: calc(var(--object-size) * var(--scale));
    aspect-ratio: 1 / 1;
    background: center center / calc(var(--object-size) * var(--scale)) calc(var(--object-size) * var(--scale)) no-repeat url(../img/assets_icon-star.svg);
    display: block;
    position: absolute;
    z-index: 1;
    top: calc(3 * var(--scale));
    left: calc(calc(var(--object-size) + 5) * var(--scale) * -1);
  }
}
.scene__products__caution__container {
  --object-size: 64;
  padding: calc(20 * var(--scale));
  border-radius: calc(10 * var(--scale));
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: calc(var(--object-size) * var(--scale)) auto;
  align-items: center;
  gap: calc(15 * var(--scale));
  &::before {
    content: "";
    width: calc(var(--object-size) * var(--scale));
    height: calc(var(--object-size) * var(--scale));
    aspect-ratio: 1 / 1;
    background: center center / calc(var(--object-size) * var(--scale)) calc(var(--object-size) * var(--scale)) no-repeat url(../img/assets_icon-star.svg);
    display: block;
  }
}
.scene__products__caution {
  font: 500 calc(19 * var(--scale)) / 1.2 var(--font-family-main);
  color: var(--color-text-black);
}
/* 個別 */
/* ======================================= */
#bedroom .scene__products {
  padding-block: calc(60 * var(--scale)) calc(40 * var(--scale));
}