/* タイトル側は絶対配置の子要素のみなので、flex内で幅が0にならないよう明示する。 */
.iifuro2026 .main > .wrapper > main {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  z-index: 1;
  /* タイトルと湯気を一緒に80px上へ。背景の位置には影響しない。 */
  transform: translateY(-80px);
}

/* 1920×1080の支給デザインを基準に比率で配置。既存LPへは .campaign-fv を移植。 */

.campaign-fv {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  isolation: isolate;
  z-index: 1;
}
.campaign-fv__composition {
  position: absolute;
  width: 100%;
  aspect-ratio: 16 / 9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.campaign-fv__title {
  position: absolute;
  z-index: 2;
  margin: 0;
  left: 31.6354%;
  top: 16.3889%;
  width: 36.7354%;
}
.campaign-fv__title img {
  	display: block;
  width: 100%;
  height: auto;
	max-width: 705.32px;
	max-height: 708.68px;
}
.campaign-fv__steam {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.campaign-fv__steam img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.8;
  transform-origin: 50% 75%;
}
/* 動きを減らす設定 / JSなしでは支給配置の静止画として表示 */
@media (prefers-reduced-motion: reduce) {
  .campaign-fv__steam img {
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .campaign-fv {
    aspect-ratio: 3 / 4;
  }
  .campaign-fv__composition {
    width: 250%;
  }
}

.campaign-fv__steam:first-of-type {
	left: 26.5625%;
	top: 44.90741%;
	width: 8.89062%;
}

.campaign-fv__steam:first-of-type img {
	max-width: 170.7px;
}

.campaign-fv__steam:nth-of-type(2) {
	left: 33.22917%;
	top: 47.5%;
	width: 4.16875%;
}

.campaign-fv__steam:nth-of-type(2) img {
	max-width: 80.04px;
}

.campaign-fv__steam:nth-of-type(3) {
	left: 28.75%;
	top: 55.55556%;
	width: 6.24323%;
}

.campaign-fv__steam:nth-of-type(3) img {
	max-width: 119.87px;
}


.campaign-fv__steam:nth-of-type(4) {
	left: 35.41667%;
	top: 58.98148%;
	width: 5.06406%;
}

.campaign-fv__steam:nth-of-type(4) img {
	max-width: 97.23px;
}

.campaign-fv__steam:nth-of-type(5) {
	left: 35.26042%;
	top: 55.92593%;
	width: 4.27604%;
}

.campaign-fv__steam:nth-of-type(5) img {
	max-width: 82.1px;
}

.campaign-fv__steam:nth-of-type(6) {
	left: 35.10417%;
	top: 66.66667%;
	width: 2.08385%;
}

.campaign-fv__steam:nth-of-type(6) img {
	max-width: 40.01px;
}

.campaign-fv__steam:nth-of-type(7) {
	left: 65.36458%;
	top: 45.74074%;
	width: 8.89062%;
}

.campaign-fv__steam:nth-of-type(7) img {
	max-width: 170.7px;
}

.campaign-fv__steam:nth-of-type(8) {
	left: 66.92708%;
	top: 49.16667%;
	width: 4.16875%;
}

.campaign-fv__steam:nth-of-type(8) img {
	max-width: 80.04px;
}

.campaign-fv__steam:nth-of-type(9) {
	left: 59.63542%;
	top: 49.16667%;
	width: 6.24323%;
}

.campaign-fv__steam:nth-of-type(9) img {
	max-width: 119.87px;
}

.campaign-fv__steam:nth-of-type(10) {
	left: 63.17708%;
	top: 61.01852%;
	width: 5.06406%;
}

.campaign-fv__steam:nth-of-type(10) img {
	max-width: 97.23px;
}


.campaign-fv__steam:nth-of-type(11) {
	left: 66.82292%;
	top: 58.88889%;
	width: 4.27604%;
}

.campaign-fv__steam:nth-of-type(11) img {
	max-width: 82.1px;
}

.campaign-fv__steam:nth-of-type(12) {
	left: 60%;
	top: 64.62963%;
	width: 2.08385%;
}

.campaign-fv__steam:nth-of-type(12) img {
	max-width: 40.01px;
}