body > div#moviePlayWrapper, body > div#screenshotWrapper {
  display: none;
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
body > div#moviePlayWrapper > div, body > div#screenshotWrapper > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
body > div#moviePlayWrapper > div > div, body > div#screenshotWrapper > div > div {
  display: block;
  position: relative;
  height: auto;
  background-color: rgba(0, 0, 0, 0.9);
}
body > div#moviePlayWrapper > div > div::before, body > div#screenshotWrapper > div > div::before {
  display: block;
  padding-top: 56.3%;
  content: "";
}
body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
  display: block;
  position: fixed;
  background-position: 0% 0%;
  background-size: 100% auto;
}

body {
  background-position: 50% 0%;
}
body > main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body > header {
  overflow-x: hidden;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
body > header.anm_prg > div > picture {
  -webkit-animation: fade_slideIn-bt_4 1s ease 0.2s 1 normal forwards;
  animation: fade_slideIn-bt_4 1s ease 0.2s 1 normal forwards;
}
body > header > div {
  display: block;
  position: absolute;
  top: auto;
}
body > header > div > picture {
  max-width: 100%;
  opacity: 0;
}
body > header > picture {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}
body > header > p {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: center;
  opacity: 0;
}
body > header > a {
  display: block;
  position: absolute;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0;
}
body > div#trailerWrapper {
  display: block;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  z-index: 0;
  flex-shrink: 0;
  width: 100%;
  overflow: hidden;
}
body > div#trailerWrapper.anm_1 > span#trailerMask {
  -webkit-animation: trailer_anm_1 0.35s ease-in 0s 1 normal forwards;
  animation: trailer_anm_1 0.35s ease-in 0s 1 normal forwards;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
body > div#trailerWrapper.anm_2 > div {
  opacity: 1;
}
body > div#trailerWrapper.anm_2 > div > p {
  opacity: 0.7;
}
body > div#trailerWrapper.anm_2 > div > button {
  -webkit-animation: fade_slideIn-bt_3 0.6s ease 1s 1 normal forwards;
  animation: fade_slideIn-bt_3 0.6s ease 1s 1 normal forwards;
}
body > div#trailerWrapper.anm_2 > div > button::before {
  opacity: 0.8;
  -webkit-animation: scrollanim_2 2s cubic-bezier(0.65, 0, 0.35, 1) 1.8s infinite normal forwards;
  animation: scrollanim_2 2s cubic-bezier(0.65, 0, 0.35, 1) 1.8s infinite normal forwards;
}
body > div#trailerWrapper.anm_2 > span#trailerMask {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  animation: trailer_anm_1 0.35s ease-out 0.85s 1 reverse forwards;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
body > div#trailerWrapper > div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
}
body > div#trailerWrapper > div::before, body > div#trailerWrapper > div::after {
  display: block;
  z-index: 0;
  width: 100%;
  height: 100%;
  content: "";
}
body > div#trailerWrapper > div::before {
  position: relative;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
body > div#trailerWrapper > div::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
body > div#trailerWrapper > div > p {
  display: block;
  position: absolute;
  color: #2b346a;
  line-height: 1;
  font-family: "Cormorant", serif;
  letter-spacing: 0.15em;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in 2.4s;
  z-index: 1;
  transition: opacity 0.8s ease-in 2.4s;
}
body > div#trailerWrapper > div > button {
  display: block;
  z-index: 1;
  position: absolute;
  margin: auto;
  cursor: pointer;
  opacity: 0;
}
body > div#trailerWrapper > div > button::before {
  display: block;
  z-index: 1;
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  inset: 0 auto 0 0;
  background: -webkit-gradient(linear, right top, left top, from(#e1eaff), to(transparent));
  background: -webkit-linear-gradient(right, #e1eaff, transparent);
  background: linear-gradient(to left, #e1eaff, transparent);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 1.8s;
  transition: opacity 0.3s ease 1.8s;
}
body > div#trailerWrapper > div > button::after {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  content: "";
}
body > div#trailerWrapper > span#trailerMask {
  display: block;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  background-color: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
body > div#moviePlayWrapper > div > div > #yt_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  z-index: 1;
  transition: opacity 0.4s ease;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper {
  display: block;
  position: absolute;
  margin-right: auto;
  margin-left: auto;
  inset: 0 auto auto 0;
  background-color: #000;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) {
  left: 0;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) {
  right: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button.swiper-button-disabled {
  display: none;
  visibility: hidden;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination > span:nth-of-type(1) {
  margin-right: 0.5em;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination > span:nth-of-type(2) {
  margin-left: 0.5em;
}
body > div#screenshotWrapper > div > div > div#swiperWrapper > div.swiper {
  width: 100%;
  height: 100%;
}
body > main > section#dlc_unknownEnemy {
  display: block;
  position: relative;
  width: 100%;
}
body > main > section#dlc_unknownEnemy.anm_1 > picture:nth-of-type(1) {
  -webkit-animation: fadeIn 1.5s ease-out 0s 1 normal forwards;
  animation: fadeIn 1.5s ease-out 0s 1 normal forwards;
}
body > main > section#dlc_unknownEnemy.anm_2::before {
  -webkit-animation: fade_slideIn-tb_2 0.7s ease 1.2s 1 normal forwards;
  animation: fade_slideIn-tb_2 0.7s ease 1.2s 1 normal forwards;
}
body > main > section#dlc_unknownEnemy.anm_2 > picture:nth-of-type(2) {
  -webkit-animation: fade_slideIn-rl_2 0.7s ease-out 0.7s 1 normal forwards;
  animation: fade_slideIn-rl_2 0.7s ease-out 0.7s 1 normal forwards;
}
body > main > section#dlc_unknownEnemy.anm_2 > h1::before {
  -webkit-animation: translate_Y_2 0.5s ease-out 0s 1 normal forwards, fadeIn 0.4s ease-out 0s 1 normal forwards;
  animation: translate_Y_2 0.5s ease-out 0s 1 normal forwards, fadeIn 0.4s ease-out 0s 1 normal forwards;
}
body > main > section#dlc_unknownEnemy.anm_2 > p {
  -webkit-animation: fadeIn 0.5s ease-out 0.3s 1 normal forwards;
  animation: fadeIn 0.5s ease-out 0.3s 1 normal forwards;
}
body > main > section#dlc_unknownEnemy::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  background-repeat: no-repeat;
  content: "";
  opacity: 0;
}
body > main > section#dlc_unknownEnemy > picture {
  position: absolute;
  opacity: 0;
}
body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
  max-width: none;
}
body > main > section#dlc_unknownEnemy > h1 {
  display: block;
  z-index: 1;
  position: absolute;
  overflow: hidden;
}
body > main > section#dlc_unknownEnemy > h1::before {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
body > main > section#dlc_unknownEnemy > p {
  display: block;
  position: absolute;
  font-weight: 500;
  line-height: 1.78;
  letter-spacing: 0.075em;
  opacity: 0;
}
body > main > section#dlc_unknownEnemy > nav > button {
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body > main > section#dlc_nightfarers {
  display: block;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
body > main > section#dlc_nightfarers.anm_1::before {
  -webkit-animation: fadeIn 0.5s ease-out 0.6s 1 normal forwards;
  animation: fadeIn 0.5s ease-out 0.6s 1 normal forwards;
}
body > main > section#dlc_nightfarers.anm_1 > h1 > picture:nth-child(1) {
  -webkit-animation: translate_Y_2 0.5s ease-out 0s 1 normal forwards, fadeIn 0.4s ease-out 0s 1 normal forwards;
  animation: translate_Y_2 0.5s ease-out 0s 1 normal forwards, fadeIn 0.4s ease-out 0s 1 normal forwards;
}
body > main > section#dlc_nightfarers.anm_1 > h1 > picture:nth-child(2) {
  -webkit-animation: fadeIn 0.5s ease-out 2.2s 1 normal forwards;
  animation: fadeIn 0.5s ease-out 2.2s 1 normal forwards;
}
body > main > section#dlc_nightfarers.anm_1 > p {
  -webkit-animation: fadeIn 0.5s ease-out 0.3s 1 normal forwards;
  animation: fadeIn 0.5s ease-out 0.3s 1 normal forwards;
}
body > main > section#dlc_nightfarers.anm_1 > div > picture {
  -webkit-animation: fade_slideIn-rl_4 0.5s ease-out 1.2s 1 normal forwards;
  animation: fade_slideIn-rl_4 0.5s ease-out 1.2s 1 normal forwards;
}
body > main > section#dlc_nightfarers.anm_1 > h2 > picture:nth-child(1) {
  -webkit-animation: fade_slideIn-bt_2 0.5s ease-in 1.6s 1 normal forwards;
  animation: fade_slideIn-bt_2 0.5s ease-in 1.6s 1 normal forwards;
}
body > main > section#dlc_nightfarers.anm_1 > h2 > picture:nth-child(2) {
  -webkit-animation: fade_slideIn-bt_2 0.5s ease-in 2s 1 normal forwards;
  animation: fade_slideIn-bt_2 0.5s ease-in 2s 1 normal forwards;
}
body > main > section#dlc_nightfarers::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0 auto auto 0;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  content: "";
  opacity: 0;
}
body > main > section#dlc_nightfarers > h1 {
  display: block;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
body > main > section#dlc_nightfarers > h1 > picture {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}
body > main > section#dlc_nightfarers > h1 > picture:nth-child(1) {
  z-index: 1;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
body > main > section#dlc_nightfarers > h1 > picture:nth-child(2) {
  z-index: 0;
  top: 0;
}
body > main > section#dlc_nightfarers > p {
  display: block;
  position: relative;
  font-weight: 500;
  line-height: 1.78;
  letter-spacing: 0.075em;
  text-align: center;
  opacity: 0;
}
body > main > section#dlc_nightfarers > div {
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
body > main > section#dlc_nightfarers > div > picture {
  max-width: none;
  opacity: 0;
}
body > main > section#dlc_nightfarers > h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
body > main > section#dlc_nightfarers > h2 > picture {
  opacity: 0;
}
body > main > section#dlc_field {
  display: block;
  position: relative;
  width: 100%;
}
body > main > section#dlc_field.anm_1::after {
  -webkit-animation: trailer_anm_1 0.35s ease-in 0s 1 normal forwards;
  animation: trailer_anm_1 0.35s ease-in 0s 1 normal forwards;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
body > main > section#dlc_field.anm_2::before {
  opacity: 1;
}
body > main > section#dlc_field.anm_2::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  animation: trailer_anm_1 0.35s ease-out 0.85s 1 reverse forwards;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
body > main > section#dlc_field.anm_2 > h1 > picture:nth-child(1) {
  -webkit-animation: translate_Y_2 0.5s ease-out 1s 1 normal forwards, fadeIn 0.4s ease-out 1s 1 normal forwards;
  animation: translate_Y_2 0.5s ease-out 1s 1 normal forwards, fadeIn 0.4s ease-out 1s 1 normal forwards;
}
body > main > section#dlc_field.anm_2 > h1 > picture:nth-child(2) {
  -webkit-animation: fade_slideIn-lr_2 1s ease-out 1.6s 1 normal forwards;
  animation: fade_slideIn-lr_2 1s ease-out 1.6s 1 normal forwards;
}
body > main > section#dlc_field.anm_2 > div {
  -webkit-animation: fadeIn 0.5s ease-out 1.2s 1 normal forwards;
  animation: fadeIn 0.5s ease-out 1.2s 1 normal forwards;
}
body > main > section#dlc_field::before, body > main > section#dlc_field::after {
  display: block;
  position: absolute;
  width: 100%;
  inset: 0 auto auto 0;
  content: "";
}
body > main > section#dlc_field::before {
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0;
}
body > main > section#dlc_field::after {
  background-color: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
body > main > section#dlc_field > h1 {
  display: block;
  position: absolute;
  overflow: hidden;
}
body > main > section#dlc_field > h1 > picture {
  position: absolute;
  opacity: 0;
}
body > main > section#dlc_field > h1 > picture:nth-child(1) {
  z-index: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
body > main > section#dlc_field > h1 > picture:nth-child(2) {
  z-index: 0;
}
body > main > section#dlc_field > div {
  display: block;
  position: relative;
  opacity: 0;
}
body > main > section#dlc_field > div > h2 {
  line-height: 1;
  letter-spacing: 0.075em;
}
body > main > section#dlc_field > div > p {
  font-weight: 500;
  line-height: 1.78;
  letter-spacing: 0.075em;
}
body > main > section#dlc_purchaseHere {
  position: relative;
  width: 100%;
  background-color: rgba(4, 6, 15, 0.5);
}
body > main > section#dlc_purchaseHere.anm_1 > ul > li:nth-of-type(3) > a {
  -webkit-animation: fade_slideIn-lr_2 1s ease 0.7s 1 normal forwards;
  animation: fade_slideIn-lr_2 1s ease 0.7s 1 normal forwards;
}
body > main > section#dlc_purchaseHere > ul {
  position: relative;
}
body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) > picture {
  opacity: 0;
}
body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
  line-height: 1.92;
  opacity: 0;
}
body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p > span {
  color: #ff4141;
}
body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
  display: block;
  position: relative;
  background-position: 0% 0%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0;
}
@media all and (min-width: 1921px) {
  body > div#moviePlayWrapper > div > div, body > div#screenshotWrapper > div > div {
    width: 1600px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    width: 44px;
    height: 44px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close.png");
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    inset: 36px 64px auto auto;
  }
  body {
    background-image: url("../images/common/pc/background/loop.png");
  }
  body {
    background-size: 2560px 1px;
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1.png"), url("../images/common/pc/background/part_2.png"), url("../images/common/pc/background/part_3.png");
  }
  body > main {
    background-size: 2560px 1124px, 1158px 1192px, 2560px 1329px;
  }
  body > header {
    min-height: 1230px;
    max-height: 1440px;
    background-image: url("../images/theforsakenhollows/pc/fv/background.jpg");
    background-size: 2560px 1440px;
  }
  body > header > div {
    bottom: 528px;
    width: 1747px;
    height: 880px;
  }
  body > header > div > picture {
    width: 1747px;
  }
  body > header > picture {
    bottom: 125px;
    width: 372px;
    height: 167px;
  }
  body > header > p {
    bottom: 110px;
    font-size: 24px;
  }
  body > header > a {
    inset: auto 30px 47px auto;
  }
  body > header > a {
    width: 460px;
    height: 130px;
  }
  body > header > a {
    background-image: url("../images/theforsakenhollows/pc/fv/productlink.png");
  }
  body > div#trailerWrapper {
    height: 700px;
  }
  body > div#trailerWrapper else {
    height: 0;
  }
  body > div#trailerWrapper > div::before {
    background-image: url("../images/theforsakenhollows/pc/trailer/background.jpg");
  }
  body > div#trailerWrapper > div::before {
    background-size: 2560px 700px;
  }
  body > div#trailerWrapper > div > p {
    inset: 0 auto auto -12px;
  }
  body > div#trailerWrapper > div > p {
    font-size: 240px;
  }
  body > div#trailerWrapper > div > p else {
    font-size: 0;
  }
  body > div#trailerWrapper > div > button {
    inset: 0 256px 0 0;
  }
  body > div#trailerWrapper > div > button {
    width: 505px;
    height: 250px;
  }
  body > div#trailerWrapper > div > button::before {
    width: 286px;
    height: 2px;
  }
  body > div#trailerWrapper > div > button::after {
    inset: 0 5px 0 auto;
  }
  body > div#trailerWrapper > div > button::after {
    width: 240px;
    height: 240px;
  }
  body > div#trailerWrapper > div > button::after {
    background-image: url("../images/theforsakenhollows/pc/trailer/ellipse.png");
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper {
    width: 1600px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    width: 28px;
    height: 58px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    background-image: url("../images/gallery/pc/arrow.png");
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) {
    margin-left: -88px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) else {
    margin-left: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) {
    margin-right: -88px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) else {
    margin-right: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    height: 30px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    height: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    font-size: 20px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    font-size: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    margin-bottom: -30px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    margin-bottom: 0;
  }
  body > main > section#dlc_unknownEnemy {
    height: 1717px;
  }
  body > main > section#dlc_unknownEnemy else {
    height: 0;
  }
  body > main > section#dlc_unknownEnemy {
    margin-top: 65px;
  }
  body > main > section#dlc_unknownEnemy else {
    margin-top: 0;
  }
  body > main > section#dlc_unknownEnemy::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/background_title.png");
  }
  body > main > section#dlc_unknownEnemy::before {
    background-position: 100% 94px;
    background-size: 388px 1474px;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    inset: 0 auto auto 0;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    width: 2080px;
    height: 1171px;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    inset: 1036px auto auto 1222px;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    width: 1210px;
    height: 681px;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    inset: 1109px auto auto 255px;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    width: 686px;
    height: 179px;
  }
  body > main > section#dlc_unknownEnemy > h1::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/text_01.png");
  }
  body > main > section#dlc_unknownEnemy > p {
    inset: 1342px auto auto 254px;
  }
  body > main > section#dlc_unknownEnemy > p {
    font-size: 28px;
  }
  body > main > section#dlc_unknownEnemy > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers {
    height: 1203px;
  }
  body > main > section#dlc_nightfarers else {
    height: 0;
  }
  body > main > section#dlc_nightfarers {
    margin-top: 292px;
  }
  body > main > section#dlc_nightfarers else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers::before {
    background-image: url("../images/theforsakenhollows/pc/nightfarers/background.jpg");
  }
  body > main > section#dlc_nightfarers::before {
    background-size: 2560px 800px;
  }
  body > main > section#dlc_nightfarers > h1 {
    width: 960px;
    height: 218px;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(1) {
    width: 859px;
    height: 182px;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(2) {
    width: 960px;
    height: 75px;
  }
  body > main > section#dlc_nightfarers > p {
    font-size: 28px;
  }
  body > main > section#dlc_nightfarers > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers > p {
    margin-top: 50px;
  }
  body > main > section#dlc_nightfarers > p else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers > div {
    margin-left: 36px;
  }
  body > main > section#dlc_nightfarers > div else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > div {
    width: 2080px;
    height: 1009px;
  }
  body > main > section#dlc_nightfarers > h2 {
    bottom: 136px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    width: 402px;
    height: 112px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    margin-right: 662px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) else {
    margin-right: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(1) {
    width: 402px;
    height: 53px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(2) {
    width: 70px;
    height: 28px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    width: 581px;
    height: 112px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    margin-left: 704px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(1) {
    width: 581px;
    height: 54px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(2) {
    width: 112px;
    height: 28px;
  }
  body > main > section#dlc_field {
    margin-top: 490px;
  }
  body > main > section#dlc_field else {
    margin-top: 0;
  }
  body > main > section#dlc_field {
    height: 1140px;
  }
  body > main > section#dlc_field::before {
    background-image: url("../images/theforsakenhollows/pc/field/background.jpg");
  }
  body > main > section#dlc_field::before {
    background-size: 2560px 1140px;
  }
  body > main > section#dlc_field > h1 {
    inset: -76px 260px auto auto;
  }
  body > main > section#dlc_field > h1 {
    width: 2088px;
    height: 104px;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(1) {
    width: 1269px;
    height: 99px;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(2) {
    width: 1025px;
    height: 98px;
  }
  body > main > section#dlc_field > div {
    padding-top: 206px;
  }
  body > main > section#dlc_field > div else {
    padding-top: 0;
  }
  body > main > section#dlc_field > div {
    margin-left: 312px;
  }
  body > main > section#dlc_field > div else {
    margin-left: 0;
  }
  body > main > section#dlc_field > div > h2 {
    font-size: 60px;
  }
  body > main > section#dlc_field > div > h2 else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > h2 > span {
    font-size: 90px;
  }
  body > main > section#dlc_field > div > h2 > span else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    font-size: 28px;
  }
  body > main > section#dlc_field > div > p else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    margin-top: 15px;
  }
  body > main > section#dlc_field > div > p else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    margin-top: 333px;
  }
  body > main > section#dlc_purchaseHere else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    height: 560px;
  }
  body > main > section#dlc_purchaseHere > ul {
    grid-template-columns: 622px minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns: 622px minmax(min-content, max-content);
    -webkit-column-gap: 93px;
    -moz-column-gap: 93px;
    column-gap: 93px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) > picture {
    width: 622px;
    height: 350px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
    font-size: 26px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p else {
    font-size: 0;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    width: 565px;
    height: 145px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    background-image: url("../images/theforsakenhollows/pc/purchasehere/productlink.png");
  }
}
@media all and (min-width: 1281px) and (max-width: 1920px) {
  body > div#moviePlayWrapper > div > div, body > div#screenshotWrapper > div > div {
    width: 1200px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    width: 33px;
    height: 33px;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close@0.75x.png");
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    inset: 27px 48px auto auto;
  }
  body {
    background-image: url("../images/common/pc/background/loop@0.75x.png");
  }
  body {
    background-size: 1920px 1px;
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1@0.75x.png"), url("../images/common/pc/background/part_2@0.75x.png"), url("../images/common/pc/background/part_3@0.75x.png");
  }
  body > main {
    background-size: 1920px 843px, 869px 894px, 1920px 997px;
  }
  body > header {
    min-height: 923px;
    max-height: 1080px;
    background-image: url("../images/theforsakenhollows/pc/fv/background@0.75x.jpg");
    background-size: 1920px 1080px;
  }
  body > header > div {
    bottom: 396px;
    width: 1310px;
    height: 660px;
  }
  body > header > div > picture {
    width: 1310px;
  }
  body > header > picture {
    bottom: 94px;
    width: 279px;
    height: 125px;
  }
  body > header > p {
    bottom: 83px;
    font-size: 18px;
  }
  body > header > a {
    inset: auto 23px 35px auto;
  }
  body > header > a {
    width: 345px;
    height: 98px;
  }
  body > header > a {
    background-image: url("../images/theforsakenhollows/pc/fv/productlink@0.75x.png");
  }
  body > div#trailerWrapper {
    height: 525px;
  }
  body > div#trailerWrapper else {
    height: 0;
  }
  body > div#trailerWrapper > div::before {
    background-image: url("../images/theforsakenhollows/pc/trailer/background@0.75x.jpg");
  }
  body > div#trailerWrapper > div::before {
    background-size: 1920px 525px;
  }
  body > div#trailerWrapper > div > p {
    inset: 0 auto auto -9px;
  }
  body > div#trailerWrapper > div > p {
    font-size: 180px;
  }
  body > div#trailerWrapper > div > p else {
    font-size: 0;
  }
  body > div#trailerWrapper > div > button {
    inset: 0 192px 0 0;
  }
  body > div#trailerWrapper > div > button {
    width: 379px;
    height: 188px;
  }
  body > div#trailerWrapper > div > button::before {
    width: 215px;
    height: 2px;
  }
  body > div#trailerWrapper > div > button::after {
    inset: 0 4px 0 auto;
  }
  body > div#trailerWrapper > div > button::after {
    width: 180px;
    height: 180px;
  }
  body > div#trailerWrapper > div > button::after {
    background-image: url("../images/theforsakenhollows/pc/trailer/ellipse@0.75x.png");
  }
  body > div#screenshotWrapper > div > div {
    max-width: calc(96% - 66px * 2);
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper {
    width: 1200px;
    max-width: 100%;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    width: 21px;
    height: 44px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    background-image: url("../images/gallery/pc/arrow@0.75x.png");
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) {
    margin-left: -66px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) else {
    margin-left: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) {
    margin-right: -66px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) else {
    margin-right: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    height: 23px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    height: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    font-size: 15px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    font-size: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    margin-bottom: -23px;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    margin-bottom: 0;
  }
  body > main > section#dlc_unknownEnemy {
    height: 1288px;
  }
  body > main > section#dlc_unknownEnemy else {
    height: 0;
  }
  body > main > section#dlc_unknownEnemy {
    margin-top: 49px;
  }
  body > main > section#dlc_unknownEnemy else {
    margin-top: 0;
  }
  body > main > section#dlc_unknownEnemy::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.75x.png");
  }
  body > main > section#dlc_unknownEnemy::before {
    background-position: 100% 71px;
    background-size: 291px 1106px;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    inset: 0 auto auto 0;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    width: 1560px;
    height: 878px;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    inset: 777px auto auto 917px;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    width: 908px;
    height: 511px;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    inset: 832px auto auto 191px;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    width: 515px;
    height: 134px;
  }
  body > main > section#dlc_unknownEnemy > h1::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.75x.png");
  }
  body > main > section#dlc_unknownEnemy > p {
    inset: 1007px auto auto 191px;
  }
  body > main > section#dlc_unknownEnemy > p {
    font-size: 21px;
  }
  body > main > section#dlc_unknownEnemy > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers {
    height: 902px;
  }
  body > main > section#dlc_nightfarers else {
    height: 0;
  }
  body > main > section#dlc_nightfarers {
    margin-top: 219px;
  }
  body > main > section#dlc_nightfarers else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers::before {
    background-image: url("../images/theforsakenhollows/pc/nightfarers/background@0.75x.jpg");
  }
  body > main > section#dlc_nightfarers::before {
    background-size: 1920px 600px;
  }
  body > main > section#dlc_nightfarers > h1 {
    width: 720px;
    height: 164px;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(1) {
    width: 644px;
    height: 137px;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(2) {
    width: 720px;
    height: 56px;
  }
  body > main > section#dlc_nightfarers > p {
    font-size: 21px;
  }
  body > main > section#dlc_nightfarers > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers > p {
    margin-top: 38px;
  }
  body > main > section#dlc_nightfarers > p else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers > div {
    margin-left: 27px;
  }
  body > main > section#dlc_nightfarers > div else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > div {
    width: 1560px;
    height: 757px;
  }
  body > main > section#dlc_nightfarers > h2 {
    bottom: 102px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    width: 302px;
    height: 84px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    margin-right: 497px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) else {
    margin-right: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(1) {
    width: 302px;
    height: 40px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(2) {
    width: 53px;
    height: 21px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    width: 436px;
    height: 84px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    margin-left: 528px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(1) {
    width: 436px;
    height: 41px;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(2) {
    width: 84px;
    height: 21px;
  }
  body > main > section#dlc_field {
    margin-top: 368px;
  }
  body > main > section#dlc_field else {
    margin-top: 0;
  }
  body > main > section#dlc_field {
    height: 855px;
  }
  body > main > section#dlc_field::before {
    background-image: url("../images/theforsakenhollows/pc/field/background@0.75x.jpg");
  }
  body > main > section#dlc_field::before {
    background-size: 1920px 855px;
  }
  body > main > section#dlc_field > h1 {
    inset: -57px 195px auto auto;
  }
  body > main > section#dlc_field > h1 {
    width: 1566px;
    height: 78px;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(1) {
    width: 952px;
    height: 74px;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(2) {
    width: 769px;
    height: 74px;
  }
  body > main > section#dlc_field > div {
    padding-top: 155px;
  }
  body > main > section#dlc_field > div else {
    padding-top: 0;
  }
  body > main > section#dlc_field > div {
    margin-left: 234px;
  }
  body > main > section#dlc_field > div else {
    margin-left: 0;
  }
  body > main > section#dlc_field > div > h2 {
    font-size: 45px;
  }
  body > main > section#dlc_field > div > h2 else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > h2 > span {
    font-size: 68px;
  }
  body > main > section#dlc_field > div > h2 > span else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    font-size: 21px;
  }
  body > main > section#dlc_field > div > p else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    margin-top: 11px;
  }
  body > main > section#dlc_field > div > p else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    margin-top: 250px;
  }
  body > main > section#dlc_purchaseHere else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    height: 420px;
  }
  body > main > section#dlc_purchaseHere > ul {
    grid-template-columns: 467px minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns: 467px minmax(min-content, max-content);
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) > picture {
    width: 467px;
    height: 263px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
    font-size: 20px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p else {
    font-size: 0;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    width: 424px;
    height: 109px;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    background-image: url("../images/theforsakenhollows/pc/purchasehere/productlink@0.75x.png");
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  body > div#moviePlayWrapper > div > div, body > div#screenshotWrapper > div > div {
    width: 93.75vw;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    width: 2.58vw;
    height: 2.58vw;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    inset: 2.11vw 3.75vw auto auto;
  }
  body {
    background-size: 150vw 1px;
  }
  body > main {
    background-size: 150vw 65.86vw, 67.85vw 69.84vw, 150vw 77.87vw;
  }
  body > header {
    min-height: 923px;
    max-height: 1080px;
    background-image: url("../images/theforsakenhollows/pc/fv/background@0.75x.jpg");
    background-size: 1920px 1080px;
  }
  body > header > div {
    bottom: 396px;
    width: 1310px;
    height: 660px;
  }
  body > header > div > picture {
    width: 1310px;
  }
  body > header > picture {
    bottom: 94px;
    width: 279px;
    height: 125px;
  }
  body > header > p {
    bottom: 83px;
    font-size: 18px;
  }
  body > header > a {
    inset: auto 1.76vw 2.75vw auto;
  }
  body > header > a {
    width: 26.95vw;
    height: 7.62vw;
  }
  body > div#trailerWrapper {
    height: 41.02vw;
  }
  body > div#trailerWrapper else {
    height: 0;
  }
  body > div#trailerWrapper > div::before {
    background-size: 150vw 41.02vw;
  }
  body > div#trailerWrapper > div > p {
    inset: 0 auto auto -0.7vw;
  }
  body > div#trailerWrapper > div > p {
    font-size: 14.06vw;
  }
  body > div#trailerWrapper > div > p else {
    font-size: 0;
  }
  body > div#trailerWrapper > div > button {
    inset: 0 15vw 0 0;
  }
  body > div#trailerWrapper > div > button {
    width: 29.59vw;
    height: 14.65vw;
  }
  body > div#trailerWrapper > div > button::before {
    width: 16.76vw;
    height: 0.12vw;
  }
  body > div#trailerWrapper > div > button::after {
    inset: 0 0.29vw 0 auto;
  }
  body > div#trailerWrapper > div > button::after {
    width: 14.06vw;
    height: 14.06vw;
  }
  body > div#screenshotWrapper > div > div {
    max-width: calc(96% - 5.16vw * 2);
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper {
    width: 93.75vw;
    max-width: 100%;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    width: 1.64vw;
    height: 3.4vw;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) {
    margin-left: -5.16vw;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) else {
    margin-left: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) {
    margin-right: -5.16vw;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) else {
    margin-right: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    height: 1.76vw;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    height: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    font-size: 1.17vw;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    font-size: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    margin-bottom: -1.76vw;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    margin-bottom: 0;
  }
  body > main > section#dlc_unknownEnemy {
    height: 100.61vw;
  }
  body > main > section#dlc_unknownEnemy else {
    height: 0;
  }
  body > main > section#dlc_unknownEnemy {
    margin-top: 3.81vw;
  }
  body > main > section#dlc_unknownEnemy else {
    margin-top: 0;
  }
  body > main > section#dlc_unknownEnemy::before {
    background-position: 100% 5.51vw;
    background-size: 22.73vw 86.37vw;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    inset: 0 auto auto 0;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    width: 121.88vw;
    height: 68.61vw;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    inset: 60.7vw auto auto 71.6vw;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    width: 70.9vw;
    height: 39.9vw;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    inset: 64.98vw auto auto 14.94vw;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    width: 40.2vw;
    height: 10.49vw;
  }
  body > main > section#dlc_unknownEnemy > p {
    inset: 78.63vw auto auto 14.88vw;
  }
  body > main > section#dlc_unknownEnemy > p {
    font-size: 1.64vw;
  }
  body > main > section#dlc_unknownEnemy > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers {
    height: 70.49vw;
  }
  body > main > section#dlc_nightfarers else {
    height: 0;
  }
  body > main > section#dlc_nightfarers {
    margin-top: 17.11vw;
  }
  body > main > section#dlc_nightfarers else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers::before {
    background-size: 150vw 46.88vw;
  }
  body > main > section#dlc_nightfarers > h1 {
    width: 56.25vw;
    height: 12.77vw;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(1) {
    width: 50.33vw;
    height: 10.66vw;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(2) {
    width: 56.25vw;
    height: 4.39vw;
  }
  body > main > section#dlc_nightfarers > p {
    font-size: 1.64vw;
  }
  body > main > section#dlc_nightfarers > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers > p {
    margin-top: 2.93vw;
  }
  body > main > section#dlc_nightfarers > p else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers > div {
    margin-left: 2.11vw;
  }
  body > main > section#dlc_nightfarers > div else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > div {
    width: 121.88vw;
    height: 59.12vw;
  }
  body > main > section#dlc_nightfarers > h2 {
    bottom: 7.97vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    width: 23.55vw;
    height: 6.56vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    margin-right: 38.79vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) else {
    margin-right: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(1) {
    width: 23.55vw;
    height: 3.11vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(2) {
    width: 4.1vw;
    height: 1.64vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    width: 34.04vw;
    height: 6.56vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    margin-left: 41.25vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(1) {
    width: 34.04vw;
    height: 3.16vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(2) {
    width: 6.56vw;
    height: 1.64vw;
  }
  body > main > section#dlc_field {
    margin-top: 28.71vw;
  }
  body > main > section#dlc_field else {
    margin-top: 0;
  }
  body > main > section#dlc_field {
    height: 66.8vw;
  }
  body > main > section#dlc_field::before {
    background-size: 150vw 66.8vw;
  }
  body > main > section#dlc_field > h1 {
    inset: -4.45vw 15.23vw auto auto;
  }
  body > main > section#dlc_field > h1 {
    width: 122.34vw;
    height: 6.09vw;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(1) {
    width: 74.36vw;
    height: 5.8vw;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(2) {
    width: 60.06vw;
    height: 5.74vw;
  }
  body > main > section#dlc_field > div {
    padding-top: 12.07vw;
  }
  body > main > section#dlc_field > div else {
    padding-top: 0;
  }
  body > main > section#dlc_field > div {
    margin-left: 18.28vw;
  }
  body > main > section#dlc_field > div else {
    margin-left: 0;
  }
  body > main > section#dlc_field > div > h2 {
    font-size: 3.52vw;
  }
  body > main > section#dlc_field > div > h2 else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > h2 > span {
    font-size: 5.27vw;
  }
  body > main > section#dlc_field > div > h2 > span else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    font-size: 1.64vw;
  }
  body > main > section#dlc_field > div > p else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    margin-top: 0.88vw;
  }
  body > main > section#dlc_field > div > p else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    margin-top: 19.51vw;
  }
  body > main > section#dlc_purchaseHere else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    height: 32.81vw;
  }
  body > main > section#dlc_purchaseHere > ul {
    grid-template-columns: 36.45vw minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns: 36.45vw minmax(min-content, max-content);
    -webkit-column-gap: 5.45vw;
    -moz-column-gap: 5.45vw;
    column-gap: 5.45vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) > picture {
    width: 36.45vw;
    height: 20.51vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
    font-size: 1.52vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p else {
    font-size: 0;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    width: 33.11vw;
    height: 8.5vw;
  }
}
@media all and (max-width: 767px) {
  body > div#moviePlayWrapper > div > div, body > div#screenshotWrapper > div > div {
    width: 100%;
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    width: 6.93vw;
    height: 6.88vw;
  }
  html.webp body > div#moviePlayWrapper > div > div > button#btn_movieClose, html.webp body > div#screenshotWrapper > div > div > button#btn_movieClose,
  html.webp body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  html.webp body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/sp/icon_close@0.5x.webp");
    background-image: -webkit-image-set(url("../images/common/sp/icon_close@0.5x.webp") 1x, url("../images/common/sp/icon_close@0.75x.webp") 2x, url("../images/common/sp/icon_close.webp") 3x);
    background-image: image-set(url("../images/common/sp/icon_close@0.5x.webp") 1x, url("../images/common/sp/icon_close@0.75x.webp") 2x, url("../images/common/sp/icon_close.webp") 3x);
  }
  html.no-webp body > div#moviePlayWrapper > div > div > button#btn_movieClose, html.no-webp body > div#screenshotWrapper > div > div > button#btn_movieClose,
  html.no-webp body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  html.no-webp body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/sp/icon_close@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/sp/icon_close@0.5x.png") 1x, url("../images/common/sp/icon_close@0.75x.png") 2x, url("../images/common/sp/icon_close.png") 3x);
    background-image: image-set(url("../images/common/sp/icon_close@0.5x.png") 1x, url("../images/common/sp/icon_close@0.75x.png") 2x, url("../images/common/sp/icon_close.png") 3x);
  }
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    inset: 5.42vw 4.9vw auto auto;
  }
  html.webp body {
    background-image: url("../images/common/sp/background/loop@0.5x.webp");
    background-image: -webkit-image-set(url("../images/common/sp/background/loop@0.5x.webp") 1x, url("../images/common/sp/background/loop@0.75x.webp") 2x, url("../images/common/sp/background/loop.webp") 3x);
    background-image: image-set(url("../images/common/sp/background/loop@0.5x.webp") 1x, url("../images/common/sp/background/loop@0.75x.webp") 2x, url("../images/common/sp/background/loop.webp") 3x);
  }
  html.no-webp body {
    background-image: url("../images/common/sp/background/loop@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/sp/background/loop@0.5x.png") 1x, url("../images/common/sp/background/loop@0.75x.png") 2x, url("../images/common/sp/background/loop.png") 3x);
    background-image: image-set(url("../images/common/sp/background/loop@0.5x.png") 1x, url("../images/common/sp/background/loop@0.75x.png") 2x, url("../images/common/sp/background/loop.png") 3x);
  }
  body {
    background-size: 100vw 1px;
    background-repeat: repeat-y;
  }
  html.webp body > main {
    background-image: url("../images/common/sp/background/part_2@0.5x.webp"), url("../images/common/sp/background/part_3@0.5x.webp");
    background-image: -webkit-image-set(url("../images/common/sp/background/part_2@0.5x.webp") 1x, url("../images/common/sp/background/part_2@0.75x.webp") 2x, url("../images/common/sp/background/part_2.webp") 3x), -webkit-image-set(url("../images/common/sp/background/part_3@0.5x.webp") 1x, url("../images/common/sp/background/part_3@0.75x.webp") 2x, url("../images/common/sp/background/part_3.webp") 3x);
    background-image: image-set(url("../images/common/sp/background/part_2@0.5x.webp") 1x, url("../images/common/sp/background/part_2@0.75x.webp") 2x, url("../images/common/sp/background/part_2.webp") 3x), image-set(url("../images/common/sp/background/part_3@0.5x.webp") 1x, url("../images/common/sp/background/part_3@0.75x.webp") 2x, url("../images/common/sp/background/part_3.webp") 3x);
  }
  html.no-webp body > main {
    background-image: url("../images/common/sp/background/part_2@0.5x.png"), url("../images/common/sp/background/part_3@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/sp/background/part_2@0.5x.png") 1x, url("../images/common/sp/background/part_2@0.75x.png") 2x, url("../images/common/sp/background/part_2.png") 3x), -webkit-image-set(url("../images/common/sp/background/part_3@0.5x.png") 1x, url("../images/common/sp/background/part_3@0.75x.png") 2x, url("../images/common/sp/background/part_3.png") 3x);
    background-image: image-set(url("../images/common/sp/background/part_2@0.5x.png") 1x, url("../images/common/sp/background/part_2@0.75x.png") 2x, url("../images/common/sp/background/part_2.png") 3x), image-set(url("../images/common/sp/background/part_3@0.5x.png") 1x, url("../images/common/sp/background/part_3@0.75x.png") 2x, url("../images/common/sp/background/part_3.png") 3x);
  }
  body > main {
    background-position: 0% 0%, 50% 100%;
    background-size: 77.14vw 94.53vw, 100vw 112.5vw;
    background-repeat: no-repeat, no-repeat;
  }
  html.webp body > header {
    background-image: url("../images/theforsakenhollows/sp/fv/background@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/fv/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/fv/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/fv/background.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/fv/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/fv/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/fv/background.webp") 3x);
  }
  html.no-webp body > header {
    background-image: url("../images/theforsakenhollows/sp/fv/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/fv/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/sp/fv/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/sp/fv/background.jpg") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/fv/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/sp/fv/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/sp/fv/background.jpg") 3x);
  }
  body > header {
    height: 177.6vw;
    background-size: cover;
  }
  body > header.anm_prg > picture,
  body > header.anm_prg > p {
    -webkit-animation: fadeIn 1s ease-in 1s 1 normal forwards;
    animation: fadeIn 1s ease-in 1s 1 normal forwards;
  }
  body > header.anm_prg > a {
    -webkit-animation: fade_slideIn-lr_2 1s ease 1.8s 1 normal forwards;
    animation: fade_slideIn-lr_2 1s ease 1.8s 1 normal forwards;
  }
  body > header > div {
    width: 100vw;
    height: 45.83vw;
  }
  body > header > div {
    right: 0;
    bottom: 106.82vw;
    left: 0;
  }
  body > header > div > picture {
    width: 100%;
    height: 100%;
  }
  body > header > picture {
    width: 39.43vw;
    height: 14.27vw;
  }
  body > header > picture {
    bottom: 34.43vw;
  }
  body > header > p {
    bottom: 28.65vw;
    font-size: 3.23vw;
  }
  body > header > a {
    inset: auto 0 8.33vw 0;
  }
  body > header > a {
    width: 47.92vw;
    height: 13.54vw;
  }
  html.webp body > header > a {
    background-image: url("../images/theforsakenhollows/sp/fv/productlink@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/fv/productlink@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/fv/productlink@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/fv/productlink.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/fv/productlink@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/fv/productlink@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/fv/productlink.webp") 3x);
  }
  html.no-webp body > header > a {
    background-image: url("../images/theforsakenhollows/sp/fv/productlink@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/fv/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/sp/fv/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/sp/fv/productlink.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/fv/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/sp/fv/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/sp/fv/productlink.png") 3x);
  }
  body > header > a {
    margin-right: auto;
    margin-left: auto;
  }
  body > div#trailerWrapper {
    height: 52.08vw;
  }
  body > div#trailerWrapper else {
    height: 0;
  }
  html.webp body > div#trailerWrapper > div::before {
    background-image: url("../images/theforsakenhollows/sp/trailer/background@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/trailer/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/trailer/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/trailer/background.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/trailer/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/trailer/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/trailer/background.webp") 3x);
  }
  html.no-webp body > div#trailerWrapper > div::before {
    background-image: url("../images/theforsakenhollows/sp/trailer/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/trailer/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/sp/trailer/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/sp/trailer/background.jpg") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/trailer/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/sp/trailer/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/sp/trailer/background.jpg") 3x);
  }
  body > div#trailerWrapper > div::before {
    background-position: 0% 0%;
    background-size: 100% auto;
  }
  body > div#trailerWrapper > div::after {
    opacity: 0;
  }
  body > div#trailerWrapper > div > p {
    inset: 0 auto auto -0.26vw;
  }
  body > div#trailerWrapper > div > p {
    font-size: 12.5vw;
  }
  body > div#trailerWrapper > div > p else {
    font-size: 0;
  }
  body > div#trailerWrapper > div > button {
    inset: 0 19.79vw 0 0;
  }
  body > div#trailerWrapper > div > button {
    width: 39.32vw;
    height: 19.53vw;
  }
  body > div#trailerWrapper > div > button > svg {
    display: none;
    visibility: hidden;
  }
  body > div#trailerWrapper > div > button::before {
    width: 22.4vw;
    height: 0.16vw;
  }
  body > div#trailerWrapper > div > button::after {
    inset: 0 0.36vw 0 auto;
  }
  html.webp body > div#trailerWrapper > div > button::after {
    background-image: url("../images/theforsakenhollows/sp/trailer/play_icon@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/trailer/play_icon@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/trailer/play_icon@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/trailer/play_icon.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/trailer/play_icon@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/trailer/play_icon@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/trailer/play_icon.webp") 3x);
  }
  html.no-webp body > div#trailerWrapper > div > button::after {
    background-image: url("../images/theforsakenhollows/sp/trailer/play_icon@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/trailer/play_icon@0.5x.png") 1x, url("../images/theforsakenhollows/sp/trailer/play_icon@0.75x.png") 2x, url("../images/theforsakenhollows/sp/trailer/play_icon.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/trailer/play_icon@0.5x.png") 1x, url("../images/theforsakenhollows/sp/trailer/play_icon@0.75x.png") 2x, url("../images/theforsakenhollows/sp/trailer/play_icon.png") 3x);
  }
  body > div#trailerWrapper > div > button::after {
    width: 100%;
    height: 100%;
    inset: 0 auto auto 0;
    background-position: 100% 0%;
    background-size: auto 100%;
  }
  body > div#screenshotWrapper > div > div {
    width: 100%;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper {
    width: 100%;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav {
    display: none;
    visibility: hidden;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(1) else {
    margin-left: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button:nth-child(2) else {
    margin-right: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    height: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    font-size: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination else {
    margin-bottom: 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    display: none;
    visibility: hidden;
  }
  body > main > section#dlc_unknownEnemy {
    height: 228.44vw;
  }
  body > main > section#dlc_unknownEnemy else {
    height: 0;
  }
  body > main > section#dlc_unknownEnemy else {
    margin-top: 0;
  }
  html.webp body > main > section#dlc_unknownEnemy::before {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/background_title.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/background_title.webp") 3x);
  }
  html.no-webp body > main > section#dlc_unknownEnemy::before {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/background_title.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/background_title@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/background_title.png") 3x);
  }
  body > main > section#dlc_unknownEnemy::before {
    background-position: 100% 7.5vw;
    background-size: 39.48vw 153.54vw;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    inset: 12.86vw auto auto 0;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(1) {
    width: 88.23vw;
    height: 138.91vw;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    inset: 156.41vw 0 auto auto;
  }
  body > main > section#dlc_unknownEnemy > picture:nth-of-type(2) {
    width: 84.58vw;
    height: 56.72vw;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    inset: 124.43vw auto auto 5.21vw;
  }
  body > main > section#dlc_unknownEnemy > h1 {
    width: 68.75vw;
    height: 19.01vw;
  }
  html.webp body > main > section#dlc_unknownEnemy > h1::before {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/text_01.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/text_01.webp") 3x);
  }
  html.no-webp body > main > section#dlc_unknownEnemy > h1::before {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/text_01.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/text_01@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/text_01.png") 3x);
  }
  body > main > section#dlc_unknownEnemy > p {
    inset: 148.44vw auto auto 5.21vw;
  }
  body > main > section#dlc_unknownEnemy > p {
    font-size: 3.33vw;
  }
  body > main > section#dlc_unknownEnemy > p else {
    font-size: 0;
  }
  body > main > section#dlc_unknownEnemy > p {
    margin-right: auto;
    margin-left: auto;
  }
  body > main > section#dlc_unknownEnemy > nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: auto auto 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  body > main > section#dlc_unknownEnemy > nav > button {
    width: 43.54vw;
    height: 24.48vw;
  }
  html.webp body > main > section#dlc_unknownEnemy > nav > button:nth-of-type(1) {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01.webp") 3x);
  }
  html.no-webp body > main > section#dlc_unknownEnemy > nav > button:nth-of-type(1) {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_01.png") 3x);
  }
  html.webp body > main > section#dlc_unknownEnemy > nav > button:nth-of-type(2) {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02.webp") 3x);
  }
  html.no-webp body > main > section#dlc_unknownEnemy > nav > button:nth-of-type(2) {
    background-image: url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.5x.png") 1x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02@0.75x.png") 2x, url("../images/theforsakenhollows/sp/unknownenemy/thumb_02.png") 3x);
  }
  body > main > section#dlc_nightfarers {
    height: 207.71vw;
  }
  body > main > section#dlc_nightfarers else {
    height: 0;
  }
  body > main > section#dlc_nightfarers {
    margin-top: 22.71vw;
  }
  body > main > section#dlc_nightfarers else {
    margin-top: 0;
  }
  html.webp body > main > section#dlc_nightfarers::before {
    background-image: url("../images/theforsakenhollows/sp/nightfarers/background@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/nightfarers/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/nightfarers/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/nightfarers/background.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/nightfarers/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/nightfarers/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/nightfarers/background.webp") 3x);
  }
  html.no-webp body > main > section#dlc_nightfarers::before {
    background-image: url("../images/theforsakenhollows/sp/nightfarers/background@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/nightfarers/background@0.5x.png") 1x, url("../images/theforsakenhollows/sp/nightfarers/background@0.75x.png") 2x, url("../images/theforsakenhollows/sp/nightfarers/background.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/nightfarers/background@0.5x.png") 1x, url("../images/theforsakenhollows/sp/nightfarers/background@0.75x.png") 2x, url("../images/theforsakenhollows/sp/nightfarers/background.png") 3x);
  }
  body > main > section#dlc_nightfarers::before {
    background-size: 100% auto;
  }
  body > main > section#dlc_nightfarers > h1 {
    width: 89.9vw;
    height: 21.2vw;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(1) {
    width: 85.68vw;
    height: 19.38vw;
  }
  body > main > section#dlc_nightfarers > h1 > picture:nth-child(2) {
    width: 89.9vw;
    height: 6.98vw;
  }
  body > main > section#dlc_nightfarers > p {
    font-size: 3.33vw;
  }
  body > main > section#dlc_nightfarers > p else {
    font-size: 0;
  }
  body > main > section#dlc_nightfarers > p {
    margin-top: 7.19vw;
  }
  body > main > section#dlc_nightfarers > p else {
    margin-top: 0;
  }
  body > main > section#dlc_nightfarers > div else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > div {
    width: 94.06vw;
    height: 160.26vw;
  }
  body > main > section#dlc_nightfarers > div {
    right: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    width: 36.46vw;
    height: 10.89vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) else {
    margin-right: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    right: 7.71vw;
    bottom: 95.68vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(1) {
    width: 36.46vw;
    height: 4.79vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) > picture:nth-child(2) {
    width: 7.24vw;
    height: 2.81vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    width: 54.11vw;
    height: 10.99vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) else {
    margin-left: 0;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    bottom: 18.59vw;
    left: 8.75vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(1) {
    width: 52.86vw;
    height: 4.95vw;
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) > picture:nth-child(2) {
    width: 11.61vw;
    height: 2.81vw;
  }
  body > main > section#dlc_field {
    margin-top: 52.92vw;
  }
  body > main > section#dlc_field else {
    margin-top: 0;
  }
  html.webp body > main > section#dlc_field::before {
    background-image: url("../images/theforsakenhollows/sp/field/background@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/field/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/field/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/field/background.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/field/background@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/field/background@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/field/background.webp") 3x);
  }
  html.no-webp body > main > section#dlc_field::before {
    background-image: url("../images/theforsakenhollows/sp/field/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/field/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/sp/field/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/sp/field/background.jpg") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/field/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/sp/field/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/sp/field/background.jpg") 3x);
  }
  body > main > section#dlc_field::before {
    background-position: 0% 0%;
    background-size: 100% auto;
  }
  body > main > section#dlc_field::after {
    height: 56.25vw;
  }
  body > main > section#dlc_field > h1 {
    inset: -15.47vw auto auto 0;
  }
  body > main > section#dlc_field > h1 {
    width: 98.65vw;
    height: 22.76vw;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(1) {
    width: 73.13vw;
    height: 22.76vw;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(1) {
    inset: 0 3.44vw auto auto;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(2) {
    width: 98.65vw;
    height: 9.43vw;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(2) {
    inset: 3.02vw 0 auto auto;
  }
  body > main > section#dlc_field > div {
    padding-top: 57.29vw;
  }
  body > main > section#dlc_field > div else {
    padding-top: 0;
  }
  body > main > section#dlc_field > div {
    margin-left: 5.47vw;
  }
  body > main > section#dlc_field > div else {
    margin-left: 0;
  }
  body > main > section#dlc_field > div > h2 {
    font-size: 6.25vw;
  }
  body > main > section#dlc_field > div > h2 else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > h2 > span {
    font-size: 9.38vw;
  }
  body > main > section#dlc_field > div > h2 > span else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    font-size: 3.33vw;
  }
  body > main > section#dlc_field > div > p else {
    font-size: 0;
  }
  body > main > section#dlc_field > div > p {
    margin-top: 2.6vw;
  }
  body > main > section#dlc_field > div > p else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    margin-top: 29.17vw;
  }
  body > main > section#dlc_purchaseHere else {
    margin-top: 0;
  }
  body > main > section#dlc_purchaseHere {
    display: block;
  }
  body > main > section#dlc_purchaseHere.anm_1 > ul > li:nth-of-type(1) > picture {
    -webkit-animation: fadeIn 0.5s ease 0.4s 1 normal forwards;
    animation: fadeIn 0.5s ease 0.4s 1 normal forwards;
  }
  body > main > section#dlc_purchaseHere.anm_1 > ul > li:nth-of-type(2) > p {
    -webkit-animation: fade_slideIn-bt_3 0.5s ease 0s 1 normal forwards;
    animation: fade_slideIn-bt_3 0.5s ease 0s 1 normal forwards;
  }
  body > main > section#dlc_purchaseHere > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90.16vw;
    margin-right: auto;
    margin-left: auto;
    padding-top: 9.58vw;
    padding-bottom: 20.52vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 2.08vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) > picture {
    width: 90.16vw;
    height: 50.68vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
    font-size: 3.33vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p else {
    font-size: 0;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
    letter-spacing: 0.005em;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 15.1vw;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    width: 69.58vw;
    height: 17.92vw;
  }
  html.webp body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    background-image: url("../images/theforsakenhollows/sp/purchasehere/productlink@0.5x.webp");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/purchasehere/productlink@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/purchasehere/productlink@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/purchasehere/productlink.webp") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/purchasehere/productlink@0.5x.webp") 1x, url("../images/theforsakenhollows/sp/purchasehere/productlink@0.75x.webp") 2x, url("../images/theforsakenhollows/sp/purchasehere/productlink.webp") 3x);
  }
  html.no-webp body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    background-image: url("../images/theforsakenhollows/sp/purchasehere/productlink@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/sp/purchasehere/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/sp/purchasehere/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/sp/purchasehere/productlink.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/sp/purchasehere/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/sp/purchasehere/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/sp/purchasehere/productlink.png") 3x);
  }
}
@media all and (min-width: 851px) and (max-width: 1280px) {
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close@0.75x.png");
    background-image: -webkit-image-set(url("../images/common/pc/icon_close@0.75x.png") 1x, url("../images/common/pc/icon_close.png") 2x);
    background-image: image-set(url("../images/common/pc/icon_close@0.75x.png") 1x, url("../images/common/pc/icon_close.png") 2x);
  }
  body {
    background-image: url("../images/common/pc/background/loop@0.75x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/loop@0.75x.png") 1x, url("../images/common/pc/background/loop.png") 2x);
    background-image: image-set(url("../images/common/pc/background/loop@0.75x.png") 1x, url("../images/common/pc/background/loop.png") 2x);
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1@0.75x.png"), url("../images/common/pc/background/part_2@0.75x.png"), url("../images/common/pc/background/part_3@0.75x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/part_1@0.75x.png") 1x, url("../images/common/pc/background/part_1.png") 2x), -webkit-image-set(url("../images/common/pc/background/part_2@0.75x.png") 1x, url("../images/common/pc/background/part_2.png") 2x), -webkit-image-set(url("../images/common/pc/background/part_3@0.75x.png") 1x, url("../images/common/pc/background/part_3.png") 2x);
    background-image: image-set(url("../images/common/pc/background/part_1@0.75x.png") 1x, url("../images/common/pc/background/part_1.png") 2x), image-set(url("../images/common/pc/background/part_2@0.75x.png") 1x, url("../images/common/pc/background/part_2.png") 2x), image-set(url("../images/common/pc/background/part_3@0.75x.png") 1x, url("../images/common/pc/background/part_3.png") 2x);
  }
  body > header > a {
    background-image: url("../images/theforsakenhollows/pc/fv/productlink@0.75x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/fv/productlink@0.75x.png") 1x, url("../images/theforsakenhollows/pc/fv/productlink.png") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/fv/productlink@0.75x.png") 1x, url("../images/theforsakenhollows/pc/fv/productlink.png") 2x);
  }
  body > div#trailerWrapper > div::before {
    background-image: url("../images/theforsakenhollows/pc/trailer/background@0.75x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/trailer/background@0.75x.jpg") 1x, url("../images/theforsakenhollows/pc/trailer/background.jpg") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/trailer/background@0.75x.jpg") 1x, url("../images/theforsakenhollows/pc/trailer/background.jpg") 2x);
  }
  body > div#trailerWrapper > div > button::after {
    background-image: url("../images/theforsakenhollows/pc/trailer/ellipse@0.75x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/trailer/ellipse@0.75x.png") 1x, url("../images/theforsakenhollows/pc/trailer/ellipse.png") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/trailer/ellipse@0.75x.png") 1x, url("../images/theforsakenhollows/pc/trailer/ellipse.png") 2x);
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    background-image: url("../images/gallery/pc/arrow@0.75x.png");
    background-image: -webkit-image-set(url("../images/gallery/pc/arrow@0.75x.png") 1x, url("../images/gallery/pc/arrow.png") 2x);
    background-image: image-set(url("../images/gallery/pc/arrow@0.75x.png") 1x, url("../images/gallery/pc/arrow.png") 2x);
  }
  body > main > section#dlc_unknownEnemy::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.75x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.75x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/background_title.png") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.75x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/background_title.png") 2x);
  }
  body > main > section#dlc_unknownEnemy > h1::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.75x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.75x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/text_01.png") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.75x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/text_01.png") 2x);
  }
  body > main > section#dlc_nightfarers::before {
    background-image: url("../images/theforsakenhollows/pc/nightfarers/background@0.75x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/nightfarers/background@0.75x.jpg") 1x, url("../images/theforsakenhollows/pc/nightfarers/background.jpg") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/nightfarers/background@0.75x.jpg") 1x, url("../images/theforsakenhollows/pc/nightfarers/background.jpg") 2x);
  }
  body > main > section#dlc_field::before {
    background-image: url("../images/theforsakenhollows/pc/field/background@0.75x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/field/background@0.75x.jpg") 1x, url("../images/theforsakenhollows/pc/field/background.jpg") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/field/background@0.75x.jpg") 1x, url("../images/theforsakenhollows/pc/field/background.jpg") 2x);
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    background-image: url("../images/theforsakenhollows/pc/purchasehere/productlink@0.75x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/purchasehere/productlink@0.75x.png") 1x, url("../images/theforsakenhollows/pc/purchasehere/productlink.png") 2x);
    background-image: image-set(url("../images/theforsakenhollows/pc/purchasehere/productlink@0.75x.png") 1x, url("../images/theforsakenhollows/pc/purchasehere/productlink.png") 2x);
  }
}
@media all and (min-width: 768px) and (max-width: 850px) {
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    background-image: url("../images/common/pc/icon_close@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/pc/icon_close@0.5x.png") 1x, url("../images/common/pc/icon_close@0.75x.png") 2x, url("../images/common/pc/icon_close.png") 3x);
    background-image: image-set(url("../images/common/pc/icon_close@0.5x.png") 1x, url("../images/common/pc/icon_close@0.75x.png") 2x, url("../images/common/pc/icon_close.png") 3x);
  }
  body {
    background-image: url("../images/common/pc/background/loop@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/loop@0.5x.png") 1x, url("../images/common/pc/background/loop@0.75x.png") 2x, url("../images/common/pc/background/loop.png") 3x);
    background-image: image-set(url("../images/common/pc/background/loop@0.5x.png") 1x, url("../images/common/pc/background/loop@0.75x.png") 2x, url("../images/common/pc/background/loop.png") 3x);
  }
  body > main {
    background-image: url("../images/common/pc/background/part_1@0.5x.png"), url("../images/common/pc/background/part_2@0.5x.png"), url("../images/common/pc/background/part_3@0.5x.png");
    background-image: -webkit-image-set(url("../images/common/pc/background/part_1@0.5x.png") 1x, url("../images/common/pc/background/part_1@0.75x.png") 2x, url("../images/common/pc/background/part_1.png") 3x), -webkit-image-set(url("../images/common/pc/background/part_2@0.5x.png") 1x, url("../images/common/pc/background/part_2@0.75x.png") 2x, url("../images/common/pc/background/part_2.png") 3x), -webkit-image-set(url("../images/common/pc/background/part_3@0.5x.png") 1x, url("../images/common/pc/background/part_3@0.75x.png") 2x, url("../images/common/pc/background/part_3.png") 3x);
    background-image: image-set(url("../images/common/pc/background/part_1@0.5x.png") 1x, url("../images/common/pc/background/part_1@0.75x.png") 2x, url("../images/common/pc/background/part_1.png") 3x), image-set(url("../images/common/pc/background/part_2@0.5x.png") 1x, url("../images/common/pc/background/part_2@0.75x.png") 2x, url("../images/common/pc/background/part_2.png") 3x), image-set(url("../images/common/pc/background/part_3@0.5x.png") 1x, url("../images/common/pc/background/part_3@0.75x.png") 2x, url("../images/common/pc/background/part_3.png") 3x);
  }
  body > header > a {
    background-image: url("../images/theforsakenhollows/pc/fv/productlink@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/fv/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/pc/fv/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/pc/fv/productlink.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/fv/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/pc/fv/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/pc/fv/productlink.png") 3x);
  }
  body > div#trailerWrapper > div::before {
    background-image: url("../images/theforsakenhollows/pc/trailer/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/trailer/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/pc/trailer/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/pc/trailer/background.jpg") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/trailer/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/pc/trailer/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/pc/trailer/background.jpg") 3x);
  }
  body > div#trailerWrapper > div > button::after {
    background-image: url("../images/theforsakenhollows/pc/trailer/ellipse@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/trailer/ellipse@0.5x.png") 1x, url("../images/theforsakenhollows/pc/trailer/ellipse@0.75x.png") 2x, url("../images/theforsakenhollows/pc/trailer/ellipse.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/trailer/ellipse@0.5x.png") 1x, url("../images/theforsakenhollows/pc/trailer/ellipse@0.75x.png") 2x, url("../images/theforsakenhollows/pc/trailer/ellipse.png") 3x);
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav > button {
    background-image: url("../images/gallery/pc/arrow@0.5x.png");
    background-image: -webkit-image-set(url("../images/gallery/pc/arrow@0.5x.png") 1x, url("../images/gallery/pc/arrow@0.75x.png") 2x, url("../images/gallery/pc/arrow.png") 3x);
    background-image: image-set(url("../images/gallery/pc/arrow@0.5x.png") 1x, url("../images/gallery/pc/arrow@0.75x.png") 2x, url("../images/gallery/pc/arrow.png") 3x);
  }
  body > main > section#dlc_unknownEnemy::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.5x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.75x.png") 2x, url("../images/theforsakenhollows/pc/unknownenemy/background_title.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.5x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/background_title@0.75x.png") 2x, url("../images/theforsakenhollows/pc/unknownenemy/background_title.png") 3x);
  }
  body > main > section#dlc_unknownEnemy > h1::before {
    background-image: url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.5x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.75x.png") 2x, url("../images/theforsakenhollows/pc/unknownenemy/text_01.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.5x.png") 1x, url("../images/theforsakenhollows/pc/unknownenemy/text_01@0.75x.png") 2x, url("../images/theforsakenhollows/pc/unknownenemy/text_01.png") 3x);
  }
  body > main > section#dlc_nightfarers::before {
    background-image: url("../images/theforsakenhollows/pc/nightfarers/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/nightfarers/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/pc/nightfarers/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/pc/nightfarers/background.jpg") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/nightfarers/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/pc/nightfarers/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/pc/nightfarers/background.jpg") 3x);
  }
  body > main > section#dlc_field::before {
    background-image: url("../images/theforsakenhollows/pc/field/background@0.5x.jpg");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/field/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/pc/field/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/pc/field/background.jpg") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/field/background@0.5x.jpg") 1x, url("../images/theforsakenhollows/pc/field/background@0.75x.jpg") 2x, url("../images/theforsakenhollows/pc/field/background.jpg") 3x);
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) > a {
    background-image: url("../images/theforsakenhollows/pc/purchasehere/productlink@0.5x.png");
    background-image: -webkit-image-set(url("../images/theforsakenhollows/pc/purchasehere/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/pc/purchasehere/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/pc/purchasehere/productlink.png") 3x);
    background-image: image-set(url("../images/theforsakenhollows/pc/purchasehere/productlink@0.5x.png") 1x, url("../images/theforsakenhollows/pc/purchasehere/productlink@0.75x.png") 2x, url("../images/theforsakenhollows/pc/purchasehere/productlink.png") 3x);
  }
}
@media all and (min-width: 768px) {
  body > div#moviePlayWrapper > div > div > button#btn_movieClose, body > div#screenshotWrapper > div > div > button#btn_movieClose,
  body > div#moviePlayWrapper > div > div > button#btn_screenshotClose,
  body > div#screenshotWrapper > div > div > button#btn_screenshotClose {
    cursor: pointer;
  }
  body {
    background-repeat: repeat;
  }
  body > main {
    background-position: 50% 0%, 0% 0%, 50% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
  }
  body > header {
    height: 100svh;
  }
  body > header.anm_prg > picture,
  body > header.anm_prg > p {
    -webkit-animation: fadeIn 1s ease-in 1.5s 1 normal forwards;
    animation: fadeIn 1s ease-in 1.5s 1 normal forwards;
  }
  body > header.anm_prg > a {
    -webkit-animation: fade_slideIn-lr_2 1s ease 1.2s 1 normal forwards;
    animation: fade_slideIn-lr_2 1s ease 1.2s 1 normal forwards;
  }
  body > header > div {
    left: 50%;
    max-width: 140vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body > div#trailerWrapper > div.hvr::before {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
  }
  body > div#trailerWrapper > div.hvr::after {
    opacity: 0;
  }
  body > div#trailerWrapper > div.hvr > button > svg {
    fill: #480024;
  }
  body > div#trailerWrapper > div::before {
    background-position: 50% 50%;
  }
  body > div#trailerWrapper > div::after {
    opacity: 1;
  }
  body > div#trailerWrapper > div > button > svg {
    display: block;
    position: absolute;
    height: 100%;
    inset: 0 0 auto auto;
    opacity: 0.85;
    fill: #370c21;
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
  }
  body > div#trailerWrapper > div > button::after {
    margin-top: auto;
    margin-bottom: auto;
    background-position: 0% 50%;
    background-size: 100% auto;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > nav {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0 auto auto 0;
  }
  body > div#screenshotWrapper > div > div > div#swiperWrapper > div#pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: auto auto 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    line-height: 1;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    letter-spacing: 0;
  }
  body > main > section#dlc_unknownEnemy {
    overflow-x: hidden;
  }
  body > main > section#dlc_unknownEnemy > nav {
    display: none;
    visibility: hidden;
  }
  body > main > section#dlc_nightfarers > div {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(1) {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  body > main > section#dlc_nightfarers > h2:nth-of-type(2) {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body > main > section#dlc_field::before {
    background-position: 0% 100%;
  }
  body > main > section#dlc_field::after {
    height: 100%;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(1) {
    inset: 0 0 auto auto;
  }
  body > main > section#dlc_field > h1 > picture:nth-child(2) {
    inset: auto auto 0 0;
  }
  body > main > section#dlc_field > div > h2 {
    font-weight: 500;
  }
  body > main > section#dlc_purchaseHere {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  body > main > section#dlc_purchaseHere.anm_1 > ul > li:nth-of-type(1) > picture {
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal forwards;
    animation: fadeIn 0.5s ease 0s 1 normal forwards;
  }
  body > main > section#dlc_purchaseHere.anm_1 > ul > li:nth-of-type(2) > p {
    -webkit-animation: fade_slideIn-bt_3 0.5s ease 0.4s 1 normal forwards;
    animation: fade_slideIn-bt_3 0.5s ease 0.4s 1 normal forwards;
  }
  body > main > section#dlc_purchaseHere > ul {
    display: grid;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(1) {
    grid-row: 1/3;
    grid-column: 1;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) {
    grid-row: 1;
    grid-column: 2;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(2) > p {
    letter-spacing: 0.075em;
  }
  body > main > section#dlc_purchaseHere > ul > li:nth-of-type(3) {
    grid-row: 2;
    grid-column: 2;
  }
}