@charset "UTF-8";
.is-view-pc {
  display: none;
}

@media screen and (min-width:768px) {
  .is-view-sp {
    display: none;
  }
  .is-view-pc {
    display: block;
  }
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
.contents-wapper {
  letter-spacing: 0.05rem;
}

/* ------------------------------------------------------------------------------------------ */
/* top */
/* ------------------------------------------------------------------------------------------ */
.copy {
  padding: 0 0 4rem;
  position: relative;
  margin-top: -10px;
  z-index: 100;
}
.copy::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background-size: 100% auto;
}
.copy p {
  font-size: 1.5rem;
  max-width: 980px;
  margin: 0 auto;
  line-height: 1.3;
  color: #eeeeee;
  padding: 0 1rem;
  box-sizing: border-box;
  text-shadow: 0 0 50px rgba(186, 9, 1, 0.85), 0 0 10px #ba0901, 0 0 10px #ba0901;
}
@media screen and (min-width:768px) {
  .copy p {
    line-height: 1.8;
  }
}
.copy p img {
  width: 100%;
}
.copy p span {
  line-height: 1.3;
}
.copy p span:first-child {
  display: block;
}
.copy p span.s {
  font-size: 0.8125rem;
  letter-spacing: 0;
  display: inline-block;
}
@media screen and (min-width:768px) {
  .copy p span {
    font-size: 2.125rem;
  }
  .copy p span:first-child {
    display: block;
  }
  .copy p span.s {
    font-size: 1.6875rem;
  }
}

.fan-disclaimer {
  max-width: 960px;
  margin: 0.5rem auto 2.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(224, 202, 126, 0.4);
  color: #f0f0f0;
  font-size: 0.95rem;
  line-height: 1.5;
  text-align: left;
  box-shadow: 0 0 12px rgba(82, 82, 74, 0.3);
}
.fan-disclaimer.hero {
  text-align: center;
}
.fan-disclaimer.footer {
  margin-top: 2rem;
  text-align: center;
  font-size: 0.9rem;
}

.cnt-top {
  text-align: center;
  padding-bottom: 4vw;
}
.cnt-top .main-visual {
  position: relative;
}
.cnt-top .main-visual .logo {
  width: 85%;
  position: absolute;
  left: 50%;
  top: 19%;
  -webkit-transform: translate(-50%, -60%);
  -moz-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  text-align: center;
  z-index: 100;
}
@media screen and (min-width:768px) {
  .cnt-top .main-visual .logo {
    width: 55%;
  }
}
.cnt-top .main-visual .logo img {
  max-width: 100%;
}
.cnt-top .main-visual .date {
  position: absolute;
  left: 50%;
  bottom: 5%;
  -webkit-transform: translate(-50%, -60%);
  -moz-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  text-align: center;
  z-index: 200;
  max-height: 100px;
  width: 80%;
  padding: 0 4vw;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  line-height: 0;
}
.cnt-top .main-visual .date span {
  display: inline-block;
  width: auto;
  height: 100%;
  box-sizing: border-box;
}
.cnt-top .main-visual .date span:first-child {
  padding-right: 1rem;
  box-sizing: border-box;
}
.cnt-top .main-visual .date span img {
  width: 100%;
}
@media screen and (min-width:768px) {
  .cnt-top .main-visual .date {
    bottom: 7%;
    width: 45%;
  }
  .cnt-top .main-visual .date span {
    display: inline-block;
  }
  .cnt-top .main-visual .date span:first-child {
    padding-right: 1.5rem;
    box-sizing: border-box;
  }
}
.cnt-top .main-visual .logo-img img {
  width: 100%;
}
.cnt-top .release-area {
  position: relative;
  z-index: 100;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  align-items: center;
}
.cnt-top .release-area .link_list {
  width: 100%;
  max-width: 780px;
  margin: auto;
}
.cnt-top .release-area .platform {
  position: relative;
  width: 100%;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0;
}
.cnt-top .release-area .platform li {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 180px;
  padding: 0 6px;
  box-sizing: border-box;
}
@media screen and (min-width:768px) {
  .cnt-top .release-area .platform li {
    max-width: 200px;
  }
}
.cnt-top .release-area .platform li a {
  max-width: 200px;
  width: 100%;
  display: inline-block;
  min-height: 62px;
  background: url("/games/silenthill/f/s/img/common/btn_bg.png") 0 0 no-repeat;
  background-size: cover;
  transition: all 0.5s;
}
.cnt-top .release-area .platform li a:hover {
  filter: brightness(1.2);
}
.cnt-top .release-area .platform li span {
  position: relative;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  min-height: 62px;
}
.cnt-top .release-area .platform li span::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%;
  height: 100%;
}
.cnt-top .release-area .platform li.ps5 span::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 391.5 85' viewBox='0 0 391.5 85'%3E%3Cpath fill='%230' d='M41.2 0C48.8 1.4 60 4.8 65.9 6.8 81.1 12 86.3 18.5 86.3 33.1c0 14.3-8.8 19.7-20 14.3V20.8c0-3.1-.6-6-3.5-6.8-2.2-.7-3.6 1.4-3.6 4.5V85l-18-5.7V0m21.4 83.8 39.2-14.1s5.3-2 7.4-4.7c2.1-2.7 1.2-6.7-7.3-9.3-7.5-2.8-17.1-3.8-24.9-2.9-7.8.8-13.4 2.8-13.4 2.8l-1 .4v10.8L81.8 60c3.3-1.2 8.1-1.4 10.8-.6 2.6.9 2.1 2.5-1.1 3.7L62.6 73.4v10.4zM8.3 72.3c9.3 3.1 18.8 3.7 27.7 2.2l1.8-.3V65l-8.9 3.2c-3.3 1.2-8 1.5-10.7.6-2.6-.9-2.1-2.5 1.1-3.7l18.5-6.6V48L12 57.1s-6.2 2-9.9 4.7c-4 3-2.5 8.1 6.2 10.5m94.8 4.2c-2.5 0-4.3 1.9-4.3 4.3s1.7 4.3 4.3 4.3c2.5 0 4.2-1.9 4.2-4.3.1-2.4-1.6-4.3-4.2-4.3m0 7.9c-2.2 0-3.6-1.6-3.6-3.6s1.4-3.6 3.6-3.6c2.1 0 3.6 1.6 3.6 3.6s-1.4 3.6-3.6 3.6m-1.7-1.2h.9v-2.1h.6c.7 0 .9.2 1 .7.1.3.3 1 .4 1.3h.9c-.1-.5-.3-1-.5-1.5-.2-.6-.4-.8-.7-.9.6-.2.9-.6.9-1.2 0-1-.7-1.3-1.6-1.3h-1.9v5zm.9-4.3h.8c.5 0 .9.1.9.8 0 .6-.4.8-1 .8h-.8v-1.6zM242.2 68c7.6 0 13.7-6.1 13.7-13.7V30.7c0-4.6 3.7-8.3 8.3-8.3h26.6c.2 0 .4-.2.4-.4v-4.7c0-.2-.2-.4-.4-.4h-32.1c-7.6 0-13.7 6.1-13.7 13.7v23.6c0 4.6-3.7 8.3-8.3 8.3h-26.2c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h31.7zm59.9-31.8c0 4.6 3.7 8.3 8.3 8.3h46.9c5 0 9.2 4.1 9.1 9.1 0 5-4.1 9-9.1 9h-54.8c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h60.3c8 0 14.5-6.5 14.5-14.5S370.8 39 362.8 39H317c-2.2 0-3.9-1.8-3.9-3.9V22.8c0-.2.2-.4.4-.4h61.6c.2 0 .4-.2.4-.4v-4.7c0-.2-.2-.4-.4-.4h-72.5c-.2 0-.4.2-.4.4-.1 2.9-.1 12-.1 18.9M152.3 39c-7.6 0-13.7 6.1-13.7 13.7v15c0 .2.2.4.4.4h10.2c.2 0 .4-.2.4-.4v-15c0-4.6 3.7-8.3 8.3-8.3H200c7.6 0 13.7-6.1 13.7-13.7S207.6 17 200 17h-61c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h55.6c4.6 0 8.3 3.7 8.3 8.3 0 4.6-3.7 8.3-8.3 8.3h-42.3zm239.2 24.7c0 2.4-1.7 4.3-4.2 4.3s-4.3-1.9-4.3-4.3 1.7-4.3 4.3-4.3c2.5 0 4.2 1.9 4.2 4.3zm-.7 0c0-2-1.4-3.6-3.6-3.6s-3.6 1.6-3.6 3.6 1.4 3.6 3.6 3.6 3.6-1.6 3.6-3.6zm-1.9.9c.2.5.3 1.1.5 1.5h-.9c-.1-.4-.3-1-.4-1.3-.1-.6-.3-.7-1-.7h-.6v2.1h-.9v-4.9h1.9c.9 0 1.6.3 1.6 1.3 0 .6-.3 1-.9 1.2.3 0 .5.2.7.8zm-.7-2c0-.7-.5-.8-.9-.8h-.8v1.6h.8c.5 0 .9-.2.9-.8z' style='%230'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}
.cnt-top .release-area .platform li.xbox span::before {
  width: 80%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 327.01 41.57' viewBox='0 0 327.01 41.57'%3E%3Cpath fill='%230' d='M325.13 22.02c-1.25-1.14-3.32-2.03-6.16-2.63l-2.17-.46c-2.06-.44-3.49-.98-4.25-1.6-.76-.57-1.14-1.43-1.14-2.56 0-1.1.43-1.96 1.28-2.56.85-.6 2.1-.9 3.72-.9 2.08 0 3.61.38 4.54 1.13.93.75 1.46 1.93 1.58 3.53V16h3.78v-.04c-.05-2.45-.91-4.4-2.55-5.8-1.64-1.4-4.13-2.11-7.39-2.11-2.7 0-4.88.62-6.46 1.84-1.59 1.23-2.39 2.89-2.39 4.95 0 2.05.66 3.69 1.97 4.86 1.3 1.16 3.27 2.02 5.83 2.53l2.14.45c2.11.46 3.59 1 4.39 1.59.8.59 1.21 1.43 1.21 2.51 0 1.33-.49 2.37-1.47 3.07-.98.7-2.4 1.06-4.23 1.06-2.21 0-3.9-.47-5.02-1.39-1.12-.92-1.7-2.33-1.74-4.17v-.04h-3.82v.04c.02 2.87.96 5.08 2.79 6.57 1.83 1.49 4.42 2.25 7.7 2.25 3.03 0 5.43-.67 7.14-2s2.59-3.18 2.59-5.49c.01-1.96-.62-3.52-1.87-4.66m-41.95-1.43 8.71-11.98h-4.25l-6.58 9.06-6.58-9.06h-4.25l8.71 11.98-9.45 13h4.25l7.32-10.08 7.32 10.08h4.25l-9.45-13zm17.48-15.11h-1.91v31.23h1.91V5.48zm-40.64 16.54c-1.25-1.14-3.32-2.03-6.16-2.63l-2.17-.46c-2.06-.44-3.49-.98-4.26-1.6-.76-.57-1.14-1.43-1.14-2.56 0-1.1.43-1.96 1.28-2.56.85-.6 2.11-.9 3.72-.9 2.08 0 3.61.38 4.54 1.13.93.75 1.46 1.93 1.58 3.53V16h3.78v-.04c-.05-2.45-.91-4.4-2.55-5.8-1.64-1.4-4.13-2.11-7.39-2.11-2.7 0-4.88.62-6.46 1.84-1.59 1.23-2.39 2.89-2.39 4.95 0 2.05.66 3.69 1.97 4.86 1.31 1.16 3.27 2.02 5.83 2.53l2.13.45c2.11.46 3.59 1 4.4 1.59.8.59 1.21 1.43 1.21 2.51 0 1.33-.49 2.37-1.47 3.07-.98.7-2.4 1.06-4.23 1.06-2.21 0-3.9-.47-5.02-1.39-1.12-.92-1.7-2.33-1.74-4.17v-.04h-3.82v.04c.02 2.87.96 5.08 2.8 6.57 1.83 1.49 4.42 2.25 7.7 2.25 3.03 0 5.43-.67 7.14-2 1.72-1.33 2.59-3.18 2.59-5.49.01-1.96-.62-3.52-1.87-4.66m-20.35-9.98V8.6h-17.85v24.99h17.85v-3.43h-14.03v-7.7h12.41v-3.19h-12.41v-7.24h14.03zm-25.48 21.55h3.82V8.6h-3.82v24.99zM195.03 11.9h6.89c1.57 0 2.79.34 3.63 1.01.84.67 1.26 1.67 1.26 2.98 0 1.36-.41 2.42-1.23 3.16-.82.74-1.96 1.11-3.39 1.11h-7.17V11.9zm15.33 18.61-.24-3.88c-.05-1.38-.35-2.49-.92-3.32-.54-.81-1.41-1.39-2.57-1.75 1.28-.43 2.29-1.15 3-2.16.74-1.04 1.11-2.34 1.11-3.85 0-2.15-.78-3.86-2.31-5.09-1.53-1.22-3.65-1.84-6.3-1.84h-10.92v24.99h3.82V23.34h7.21c1.43 0 2.48.33 3.12.99.64.66 1.01 1.8 1.07 3.39l.11 2.66c.02 1.45.27 2.53.74 3.21l.01.01h3.93l-.03-.05c-.43-.75-.72-1.77-.83-3.04m-45.78-8.49c-1.25-1.14-3.32-2.03-6.16-2.63l-2.17-.46c-2.06-.44-3.49-.98-4.25-1.6-.76-.57-1.14-1.43-1.14-2.56 0-1.1.43-1.96 1.28-2.56.85-.6 2.11-.9 3.72-.9 2.08 0 3.61.38 4.54 1.13.93.75 1.46 1.93 1.58 3.53V16h3.78v-.04c-.05-2.45-.9-4.4-2.55-5.8-1.64-1.4-4.13-2.11-7.39-2.11-2.7 0-4.88.62-6.46 1.84-1.59 1.23-2.39 2.89-2.39 4.95 0 2.05.66 3.69 1.97 4.86 1.31 1.16 3.27 2.02 5.83 2.53l2.13.45c2.11.46 3.59 1 4.4 1.59.8.59 1.21 1.43 1.21 2.51 0 1.33-.49 2.37-1.47 3.07-.98.7-2.4 1.06-4.23 1.06-2.21 0-3.9-.47-5.01-1.39-1.12-.92-1.7-2.33-1.74-4.17v-.04h-3.82v.04c.02 2.87.96 5.08 2.8 6.57 1.83 1.49 4.42 2.25 7.7 2.25 3.03 0 5.43-.67 7.14-2 1.72-1.33 2.59-3.18 2.59-5.49 0-1.96-.64-3.52-1.89-4.66m8.79-9.98v7.24h12.41v3.19h-12.41v7.7h14.03v3.43h-17.85v-25h17.85v3.43h-14.03zm-41.23 8.55 8.71-11.98h-4.25l-6.58 9.06-6.58-9.06h-4.25l8.71 11.98-9.45 13h4.25l7.32-10.08 7.32 10.08h4.25l-9.45-13zm-32.49.51c0 2.94.76 5.3 2.26 7.01 1.48 1.73 3.49 2.61 5.99 2.61s4.51-.88 5.99-2.61c1.48-1.69 2.23-4.05 2.23-7.01s-.75-5.33-2.23-7.04c-1.5-1.71-3.52-2.58-5.99-2.58s-4.49.87-5.99 2.58c-1.5 1.75-2.26 4.12-2.26 7.04m20.43 0c0 1.93-.28 3.7-.83 5.27-.55 1.57-1.39 2.97-2.5 4.17-1.12 1.2-2.43 2.11-3.9 2.71-1.47.6-3.13.9-4.95.9-1.84 0-3.52-.3-4.98-.9-1.47-.6-2.77-1.51-3.86-2.71a11.776 11.776 0 0 1-2.53-4.15c-.56-1.57-.84-3.34-.84-5.29 0-1.93.28-3.71.84-5.28.56-1.57 1.41-2.98 2.53-4.19 1.1-1.19 2.4-2.09 3.86-2.69 1.47-.59 3.14-.89 4.98-.89 1.82 0 3.48.3 4.95.89 1.47.59 2.78 1.5 3.9 2.69 1.11 1.21 1.95 2.62 2.5 4.19.55 1.57.83 3.35.83 5.28m-29.52 5.32c0-1.31-.4-2.31-1.18-2.96-.78-.66-1.98-.99-3.55-.99h-7.69v7.83h7.69c1.52 0 2.7-.34 3.51-1.01.82-.66 1.22-1.63 1.22-2.87m-12.41-7.14h7.16c1.44 0 2.54-.32 3.26-.96.72-.64 1.08-1.61 1.08-2.88 0-1.1-.38-1.98-1.12-2.6-.75-.62-1.83-.94-3.21-.94h-7.16v7.38zm16.26 7.21c0 2.19-.73 3.95-2.16 5.21-1.43 1.26-3.52 1.9-6.2 1.9H74.33V22.46h-5.57l2.32-3.19h3.25V8.6h11.23c2.52 0 4.47.6 5.82 1.79 1.34 1.19 2.03 2.78 2.03 4.72 0 2.4-1.09 4.23-3.24 5.42 1.39.54 2.45 1.33 3.16 2.35.72 1.04 1.08 2.25 1.08 3.61m-22.07 7.1h-4.25l-7.32-10.08-7.32 10.08H49.2l9.45-13L49.93 8.6h4.25l6.58 9.06 6.58-9.06h4.25l-8.71 11.98 9.46 13.01zM26.49 11.42c-.02.02-.04.04-.04.07 0 .02.01.04.03.06 4.18 4.98 12.29 16.86 10.7 21.76-.01.04-.01.09.02.11.04.02.08 0 .11-.03 2.67-3.5 4.25-7.86 4.25-12.59 0-5.77-2.35-10.99-6.14-14.75a.55.55 0 0 0-.09-.07c-.34-.2-2.5-.87-8.84 5.44M6.24 5.96c-.04.02-.07.05-.1.07A20.756 20.756 0 0 0 0 20.79c0 4.74 1.58 9.1 4.25 12.59.03.03.07.05.11.03.04-.02.04-.07.02-.11-1.58-4.9 6.52-16.78 10.7-21.76.01-.02.03-.04.03-.06 0-.03-.02-.05-.04-.07-6.33-6.3-8.49-5.63-8.83-5.45m25.37-2.92C28.43 1.15 24.98 0 20.79 0c-4.2 0-7.65 1.15-10.83 3.04-.04.02-.06.07-.04.11.02.04.06.04.1.03 4.02-.87 10.14 2.61 10.72 2.96.01.01.03.02.04.02.02 0 .03-.01.04-.02.58-.35 6.69-3.83 10.72-2.96.04.01.08 0 .1-.03.03-.04.01-.09-.03-.11M20.79 16.67c.02 0 .05.02.07.03 6.22 4.73 16.86 16.42 13.61 19.73-3.66 3.2-8.44 5.14-13.68 5.14s-10.03-1.94-13.68-5.14c-3.25-3.3 7.4-15 13.61-19.73.01-.01.04-.03.07-.03'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}
.cnt-top .release-area .platform li.steam span::before {
  width: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 293.5 88.5'%3E%3Cpath fill='%230' d='M44.1 0C20.8 0 1.8 17.9 0 40.7l23.7 9.8c2-1.4 4.4-2.2 7-2.2h.7L42 33.1v-.2c0-9.2 7.5-16.7 16.7-16.7s16.7 7.5 16.7 16.7-7.5 16.7-16.7 16.7h-.4l-15 10.7v.6c0 6.9-5.6 12.5-12.5 12.5-6.1 0-11.1-4.3-12.3-10.1l-17-7c5.3 18.6 22.3 32.2 42.6 32.2 24.4 0 44.2-19.8 44.2-44.2C88.3 19.8 68.5 0 44.1 0z'/%3E%3Cpath fill='%230' d='m27.7 67.1-5.4-2.2c1 2 2.6 3.7 4.8 4.6 4.8 2 10.3-.3 12.3-5.1 1-2.3 1-4.9 0-7.2s-2.8-4.1-5.1-5.1-4.8-.9-6.9-.1l5.6 2.3c3.5 1.5 5.2 5.5 3.7 9-1.4 3.6-5.5 5.3-9 3.8zM69.8 32.8c0-6.1-5-11.1-11.1-11.1s-11.1 5-11.1 11.1S52.6 44 58.7 44s11.1-5 11.1-11.2zm-19.5 0c0-4.6 3.7-8.4 8.4-8.4 4.6 0 8.4 3.7 8.4 8.4 0 4.6-3.7 8.3-8.4 8.3-4.6.1-8.4-3.7-8.4-8.3zM135.6 30.3l-3 5.2c-2.3-1.6-5.4-2.6-8.1-2.6-3.1 0-5 1.3-5 3.6 0 2.8 3.4 3.4 8.4 5.2 5.4 1.9 8.5 4.2 8.5 9.1 0 6.8-5.3 10.6-13 10.6-3.7 0-8.3-1-11.7-3.1l2.2-5.8c2.8 1.5 6.2 2.4 9.2 2.4 4.1 0 6-1.5 6-3.7 0-2.5-2.9-3.3-7.7-4.9-5.4-1.8-9.1-4.2-9.1-9.7 0-6.2 5-9.8 12.1-9.8 4.9.2 8.9 1.8 11.2 3.5zM158.7 33.6v27.3h-7V33.6h-10.1v-6h27.2v6h-10.1zM183.5 33.5V41h13.4v6h-13.4v7.8H199v6h-22.5V27.6H199v6h-15.5zM214.6 54.4l-2.2 6.5h-7.3l12.5-33.3h7l12.8 33.3h-7.6l-2.3-6.5h-12.9zm6.5-18.9-4.5 13.3h9.2l-4.7-13.3zM273.3 40.5 264.2 60h-3.9l-9-19.3V61h-6.7V27.6h6.7l11.2 24.1 10.8-24.1h6.7v33.3h-6.7V40.5zM293.5 31.8c0 2.9-2.1 4.6-4.6 4.6-2.5 0-4.6-1.8-4.6-4.6 0-2.9 2.2-4.6 4.6-4.6 2.4-.1 4.6 1.7 4.6 4.6zm-8.5 0c0 2.4 1.7 3.9 3.8 3.9 2.1 0 3.8-1.5 3.8-3.9s-1.7-3.9-3.8-3.9c-2.1 0-3.8 1.5-3.8 3.9zm3.9-2.4c1.2 0 1.6.6 1.6 1.3 0 .6-.4 1-.8 1.3l1.1 2h-.9l-.9-1.8h-1V34h-.7v-4.6h1.6zm-.8 2.1h.8c.5 0 .8-.3.8-.7 0-.4-.2-.7-.8-.7h-.8v1.4z'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}
.cnt-top .release-area .platform li.win span::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340.2 72'%3E%3Cpath d='M0 0h34.2v34.2H0zM37.8 0H72v34.2H37.8zM0 37.8h34.2V72H0zM37.8 37.8H72V72H37.8zM144.8 14.4h7.8l-11.8 43.2H132L123.3 25h-.2l-8.7 32.6h-8.9L93.4 14.4h8.2l8.4 34.2h.2l9.4-34.2h8l8.8 34.1h.2l8.1-34.1ZM155.1 17.7c0-1.2.4-2.2 1.3-3s1.9-1.2 3.1-1.2 2.3.4 3.2 1.2c.8.8 1.3 1.8 1.3 3s-.4 2.2-1.3 3-1.9 1.2-3.2 1.2-2.3-.4-3.1-1.2-1.3-1.8-1.3-3Zm8.1 8.9v31h-7.3v-31h7.3ZM198 38.6v18.9h-7.3V40.2c0-2.8-.5-4.9-1.4-6.3-1-1.4-2.5-2.1-4.6-2.1s-3.7.8-5.1 2.3c-1.3 1.5-2 3.5-2 5.8v17.5h-7.3v-31h7.3v4.1h.1c1.1-1.6 2.5-2.8 4.2-3.6 1.7-.8 3.6-1.2 5.8-1.2 3.3 0 5.8 1 7.6 3.1 1.8 2.1 2.7 5.3 2.7 9.5ZM226.1 11.9h7.3v45.7h-7.3v-4.1h-.1c-1.1 1.5-2.5 2.7-4.2 3.4-1.7.8-3.6 1.1-5.9 1.1-3.9 0-7-1.3-9.3-4-2.3-2.7-3.5-6.4-3.5-11.1s1.3-9.2 3.8-12.3c2.6-3.1 6-4.6 10.3-4.6s3.7.3 5.2 1c1.5.6 2.7 1.6 3.6 2.8h.1V11.9Zm-7.7 40.5c2.2 0 4.1-.9 5.5-2.6 1.5-1.7 2.2-4 2.2-6.8v-3.3c0-2.1-.7-4-2.1-5.5-1.4-1.5-3.2-2.3-5.3-2.3s-4.6.9-6 2.8c-1.4 1.9-2.1 4.5-2.1 8s.7 5.5 2.1 7.2c1.4 1.7 3.2 2.6 5.6 2.6ZM238.4 42.6c0-5.1 1.4-9.2 4.3-12.2s6.9-4.5 12.1-4.5 8.6 1.4 11.3 4.3c2.7 2.9 4.1 6.8 4.1 11.7s-1.4 9-4.3 12-6.8 4.5-11.8 4.5-8.6-1.4-11.4-4.2c-2.8-2.8-4.2-6.7-4.2-11.6Zm7.6-.3c0 3.2.7 5.7 2.2 7.4 1.5 1.7 3.6 2.6 6.3 2.6s4.7-.9 6.1-2.6c1.4-1.7 2.1-4.2 2.1-7.6s-.7-5.8-2.2-7.5c-1.4-1.7-3.4-2.5-6-2.5s-4.7.9-6.2 2.7-2.2 4.3-2.2 7.6ZM310.7 26.6h7l-9 31H301l-6.1-22.4h-.1l-6.4 22.4h-7.7l-9-31h7.6l5.8 23.7h.2l6.8-23.7h7l6.1 23.8h.2l5.6-23.8ZM327 34.8c0 1 .3 1.9 1 2.5.7.6 2.1 1.3 4.4 2.2 2.9 1.2 5 2.5 6.1 3.9 1.2 1.5 1.8 3.2 1.8 5.3s-1.1 5.3-3.4 7c-2.2 1.8-5.3 2.7-9.1 2.7s-2.7-.2-4.3-.5c-1.6-.3-2.9-.7-4-1.2v-7.2c1.3.9 2.8 1.7 4.3 2.2 1.5.5 2.9.8 4.2.8s2.9-.2 3.6-.7c.8-.5 1.2-1.2 1.2-2.3s-.4-1.9-1.2-2.5-2.4-1.5-4.6-2.4c-2.7-1.1-4.6-2.4-5.7-3.8-1.1-1.4-1.7-3.2-1.7-5.4s1.1-5.1 3.3-6.9c2.2-1.8 5.1-2.7 8.6-2.7s2.3.1 3.6.4c1.3.2 2.5.6 3.4.9V34c-1-.6-2.1-1.2-3.4-1.7-1.3-.5-2.6-.7-3.8-.7s-2.5.3-3.2.8c-.8.5-1.2 1.3-1.2 2.2Z' style='fill:%230'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}
.cnt-top .release-area .platform li.egs span::before {
  width: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 1215.06 434.56' viewBox='0 0 1215.06 434.56'%3E%3Cpath fill='%230' d='M341.93 0H34.42C9.2 0 0 9.17 0 34.02v302.9c0 3.9.7 10.91 1.97 13.91s2.45 5.46 4.8 7.65c2.43 2.26 6.63 4.61 8.65 5.53l163.01 68.59c3 1.27 6.29 1.97 9.74 1.97 3.46 0 6.75-.7 9.74-1.97L360.93 364c2.02-.92 6.22-3.27 8.65-5.53 2.35-2.19 3.53-4.64 4.8-7.65 1.27-3 1.97-10.01 1.97-13.91V34.02c0-24.85-9.2-34.02-34.42-34.02zM207.81 54.5h25.74v166.63h-25.74V54.5zm1.33 206.47h14.96v50.5h-14.09v-29.01l-13.07 19.77h-.29l-13-19.62v28.86h-13.87v-50.5h14.96l12.19 19.55 12.21-19.55zM124.52 54.5h40.41c20.93 0 31.27 10.23 31.27 30.95v44.28c0 20.71-10.34 30.94-31.27 30.94h-14.67v60.46h-25.74V54.5zm-70.16 0h57.25v23.09H80.1v47.14h30.3v23.09H80.1v50.23h31.99v23.09H54.36V54.5zm48.77 250.24c-2.73 2.21-5.94 4.07-9.64 5.56-3.7 1.49-7.88 2.24-12.56 2.24-3.99 0-7.68-.65-11.06-1.94-3.39-1.3-6.31-3.1-8.8-5.41-2.48-2.31-4.43-5.06-5.84-8.26-1.41-3.19-2.12-6.7-2.12-10.49v-.15c0-3.7.69-7.15 2.08-10.32 1.4-3.17 3.3-5.95 5.73-8.33 2.44-2.38 5.34-4.24 8.72-5.59 3.38-1.34 7.04-2.02 10.98-2.02 4.53 0 8.43.65 11.72 1.94 3.28 1.3 6.29 3.1 9.02 5.41l-8.32 9.88c-1.85-1.54-3.74-2.72-5.66-3.53-1.92-.82-4.15-1.23-6.68-1.23-1.85 0-3.56.36-5.15 1.08-1.58.72-2.95 1.71-4.12 2.96s-2.09 2.72-2.77 4.4c-.68 1.68-1.02 3.49-1.02 5.41v.15c0 2.02.34 3.9 1.02 5.62.68 1.73 1.65 3.21 2.88 4.44 1.24 1.23 2.7 2.19 4.38 2.89 1.68.69 3.54 1.05 5.59 1.05 3.31 0 6.03-.69 8.18-2.09v-6.13H79.63V282h23.5v22.74zm4.5 6.73 21.77-50.87h13.65l21.76 50.87h-15.18l-3.73-9.02h-19.71l-3.65 9.02h-14.91zm142.66 55.89c-.07.16-.17.3-.29.42-.12.12-.26.22-.42.28l-59.48 25.03a5.316 5.316 0 0 1-4.14 0l-59.02-25.03c-.16-.07-.3-.17-.42-.28a1.27 1.27 0 0 1-.39-.94c0-.18.04-.36.1-.52.07-.16.17-.3.29-.42.12-.12.26-.22.42-.28.16-.07.33-.1.52-.1h121.6c.18 0 .36.04.52.1a1.343 1.343 0 0 1 .71.7c.07.16.1.33.1.52.01.18-.03.36-.1.52zm24.75-55.89h-41.47v-50.5h41.1v11.91h-27.09v7.65h24.53v11.04h-24.53v8.01h27.45v11.89zm-27.89-119.86V84.01c0-20.71 10.35-30.95 31.27-30.95h12.51c20.93 0 31.03 10 31.03 30.71v34.04h-25.25V85.2c0-6.67-3.13-9.76-9.62-9.76h-4.33c-6.74 0-9.86 3.09-9.86 9.76v105.22c0 6.67 3.13 9.76 9.86 9.76h4.81c6.49 0 9.62-3.09 9.62-9.76v-37.61h25.26v38.8c0 20.71-10.34 30.95-31.27 30.95h-12.75c-20.93 0-31.28-10.23-31.28-30.95zm76.27 104.32c0 2.6-.5 4.91-1.5 6.93s-2.4 3.74-4.2 5.16c-1.8 1.42-3.96 2.5-6.5 3.25-2.53.75-5.35 1.12-8.47 1.12-4.58 0-8.92-.69-13.03-2.09-4.11-1.4-7.75-3.49-10.91-6.28l7.88-9.31c5.11 4.04 10.63 6.06 16.57 6.06 1.9 0 3.35-.3 4.34-.9 1-.6 1.5-1.45 1.5-2.56v-.15c0-.53-.13-1-.37-1.4-.24-.41-.69-.8-1.35-1.19-.66-.39-1.54-.76-2.62-1.12-1.1-.36-2.52-.73-4.27-1.12-2.73-.63-5.26-1.31-7.59-2.05-2.33-.75-4.37-1.71-6.1-2.89-1.73-1.18-3.09-2.65-4.09-4.4-1-1.75-1.5-3.94-1.5-6.53v-.15c0-2.35.45-4.52 1.35-6.5.9-1.98 2.22-3.68 3.94-5.12 1.72-1.44 3.81-2.56 6.24-3.36 2.44-.79 5.19-1.19 8.25-1.19 4.38 0 8.29.56 11.72 1.7a29.65 29.65 0 0 1 9.31 5.02l-7.08 9.88c-2.33-1.64-4.73-2.87-7.19-3.72-2.46-.84-4.83-1.27-7.11-1.27-1.7 0-2.99.32-3.83.94-.85.62-1.28 1.4-1.28 2.31v.15c0 .58.13 1.08.4 1.51.27.43.73.83 1.39 1.19.66.36 1.56.73 2.7 1.08 1.14.36 2.59.73 4.34 1.12 2.92.63 5.56 1.36 7.92 2.2 2.36.84 4.36 1.87 6.03 3.06 1.65 1.2 2.92 2.65 3.79 4.37.88 1.71 1.32 3.74 1.32 6.1v.15z'/%3E%3Cpath fill='%230' d='M170.46 128.53v-41.9c0-6.67-3.13-9.76-9.62-9.76h-10.58v61.42h10.58c6.5 0 9.62-3.09 9.62-9.76zM136.1 277.2l-5.76 14.36h11.46zM637.64 222.14a40.106 40.106 0 0 0-11.76-12.92c-4.86-3.42-11.05-6.68-18.55-9.77l-29.49-11.93c-3.31-1.33-6.08-2.7-8.28-4.14-2.21-1.43-3.87-3.03-4.97-4.8-1.11-1.76-1.88-3.92-2.32-6.46-.45-2.54-.66-5.68-.66-9.44 0-7.73 1.32-13.36 3.97-16.9 1.33-1.77 3.09-3.26 5.3-4.47s4.97-1.82 8.28-1.82c3.53 0 6.35.55 8.45 1.66 2.1 1.11 3.81 2.54 5.14 4.31 1.99 2.65 3.15 5.8 3.48 9.44.33 3.64.5 7.57.5 11.76h47.04c0-11.93-1.44-22.53-4.31-31.8-2.87-9.28-7.51-16.9-13.92-22.86-10.6-9.94-26.06-14.91-46.38-14.91-9.06 0-17.12 1.27-24.19 3.81a61.858 61.858 0 0 0-19.21 11.1c-7.07 6.19-12.37 13.7-15.9 22.53-3.54 8.84-5.3 18.78-5.3 29.82 0 9.28.66 17.12 1.99 23.52 1.32 6.41 3.31 11.82 5.96 16.23 2.65 4.42 6.13 8.17 10.44 11.26 4.31 3.1 9.44 5.86 15.41 8.28l29.82 12.26c4.19 1.77 7.62 3.43 10.27 4.97 2.65 1.55 4.75 3.48 6.29 5.8s2.59 5.3 3.15 8.94c.55 3.64.83 8.23.83 13.75 0 9.5-1.55 16.12-4.64 19.88-3.1 3.98-8.06 5.96-14.91 5.96-3.76 0-6.79-.55-9.11-1.66-2.32-1.1-4.14-2.43-5.47-3.98-2.21-2.43-3.59-5.41-4.14-8.95-.55-3.53-.83-7.73-.83-12.59h-47.04c0 12.15 1.16 22.48 3.48 30.98 2.32 8.5 6.35 15.63 12.09 21.37 5.3 5.3 12.2 9.5 20.71 12.59 8.5 3.09 18.61 4.64 30.31 4.64 11.48 0 21.59-1.66 30.31-4.97 8.72-3.31 15.74-7.51 21.04-12.59 6.18-5.96 10.27-13.2 12.26-21.7 1.99-8.5 2.98-18.72 2.98-30.65 0-10.6-.61-19.55-1.82-26.83-1.22-7.29-3.32-13.53-6.3-18.72zM652.05 141.47h39.76v193.48h47.04V141.47h39.76V99.06H652.05zM922.39 159.19c-1.11-8.06-2.82-15.29-5.14-21.7-2.32-6.4-5.58-12.14-9.77-17.23-5.3-6.63-12.04-12.26-20.21-16.9-8.17-4.64-18.67-6.96-31.47-6.96-12.81 0-23.3 2.32-31.47 6.96-8.17 4.64-14.91 10.27-20.21 16.9-4.2 5.08-7.45 10.82-9.77 17.23-2.32 6.41-4.09 13.64-5.3 21.7-1.22 8.07-1.94 16.9-2.15 26.5-.22 9.61-.33 20.04-.33 31.31 0 11.26.11 21.7.33 31.31.22 9.61.94 18.44 2.15 26.5 1.21 8.07 2.98 15.3 5.3 21.7 2.32 6.41 5.58 12.15 9.77 17.23 5.3 6.63 12.04 12.26 20.21 16.9 8.17 4.64 18.66 6.96 31.47 6.96 12.81 0 23.3-2.32 31.47-6.96 8.17-4.64 14.91-10.27 20.21-16.9 4.19-5.08 7.46-10.82 9.77-17.23 2.32-6.4 4.03-13.63 5.14-21.7 1.1-8.06 1.82-16.9 2.15-26.5.33-9.61.5-20.04.5-31.31 0-11.26-.17-21.7-.5-31.31-.33-9.6-1.05-18.43-2.15-26.5zm-44.56 79.02c-.11 7.07-.39 13.7-.83 19.88-.45 6.19-1.11 11.71-1.99 16.56-.88 4.86-1.99 8.61-3.31 11.26-1.33 2.65-3.21 4.86-5.63 6.63-2.43 1.77-5.85 2.65-10.27 2.65s-7.84-.88-10.27-2.65c-2.43-1.77-4.31-3.98-5.63-6.63-1.33-2.65-2.43-6.4-3.31-11.26-.89-4.86-1.55-10.38-1.99-16.56-.45-6.18-.72-12.81-.83-19.88-.12-7.07-.17-14.13-.17-21.2 0-7.07.05-14.13.17-21.2.11-7.07.38-13.69.83-19.88.44-6.18 1.1-11.7 1.99-16.56.88-4.86 1.99-8.61 3.31-11.26 1.32-2.65 3.2-4.86 5.63-6.63 2.43-1.76 5.85-2.65 10.27-2.65s7.84.89 10.27 2.65c2.43 1.77 4.31 3.98 5.63 6.63 1.32 2.65 2.43 6.41 3.31 11.26.88 4.86 1.54 10.38 1.99 16.56.44 6.19.71 12.81.83 19.88.11 7.07.17 14.14.17 21.2 0 7.06-.06 14.13-.17 21.2zM1067.1 220.81c3.53-4.52 6.24-9.44 8.12-14.74 1.87-5.3 3.15-10.88 3.81-16.73.66-5.85.99-11.98.99-18.39 0-11.26-.99-21.37-2.98-30.31s-5.47-16.45-10.44-22.53c-4.97-6.07-11.71-10.77-20.21-14.08-8.5-3.31-19.16-4.97-31.97-4.97h-67.25v235.89h47.04v-91.77h15.57l28.82 91.77h49.03l-34.46-102.04c5.76-3.54 10.39-7.57 13.93-12.1zm-34.62-39.59c-.33 3.54-1.11 6.74-2.32 9.61a16.898 16.898 0 0 1-5.63 7.12c-2.54 1.88-6.02 2.82-10.44 2.82h-19.88v-59.3h19.88c4.42 0 7.89.89 10.44 2.65 2.54 1.77 4.42 4.09 5.63 6.96s1.99 6.08 2.32 9.61c.33 3.54.5 6.96.5 10.27-.01 3.3-.17 6.73-.5 10.26zM1215.06 141.47V99.06h-108.67v235.89h108.67v-42.41h-61.62v-56.32h53v-42.41h-53v-52.34z'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}
.cnt-top .release-area .platform li.gog span::before {
  width: 25%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.5 53.8'%3E%3Cdefs%3E%3Cstyle%3E.st1%7Bfill='%230;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cg id='for_black_x2F_dark_background'%3E%3Cpath fill='%230' d='M53 0H3.6C1.6 0 0 1.6 0 3.6v46.6c0 2 1.6 3.6 3.6 3.6H53c2 0 3.6-1.6 3.6-3.6V3.6C56.6 1.6 55 0 53 0M16.8 34.5h-6.6c-.5 0-.9.4-.9.9v4.7c0 .5.4.9.9.9h6.6v3.1H8.6c-1.3 0-2.4-1.1-2.4-2.4v-8c0-1.3 1.1-2.4 2.4-2.4h8.2v3.1Zm2.4-8.7c0 1.4-1.1 2.5-2.5 2.5H6.2v-3.2h8.9c.5 0 .9-.4.9-.9V13.7c0-.5-.4-1-.9-1h-4.8c-.5 0-.9.4-.9.9v4.8c0 .5.4 1 .9 1h3.8v3.2H8.6c-1.4 0-2.5-1.1-2.5-2.5V12c0-1.4 1.1-2.5 2.5-2.5h8.1c1.4 0 2.5 1.1 2.5 2.5zm13 16c0 1.3-1.1 2.4-2.4 2.4h-8c-1.3 0-2.4-1.1-2.4-2.4v-8c0-1.3 1.1-2.4 2.4-2.4h8c1.3 0 2.4 1.1 2.4 2.4zm.1-19.2h-8.1c-1.4 0-2.5-1.1-2.5-2.5V12c0-1.4 1.1-2.5 2.5-2.5h8.1c1.4 0 2.5 1.1 2.5 2.5v8.1c0 1.4-1.1 2.5-2.5 2.5m18 21.6h-3.1v-9.7H45c-.5 0-.9.4-.9.9v8.8H41v-9.7h-2.2c-.5 0-.9.4-.9.9v8.8h-3.1V33.8c0-1.3 1.1-2.4 2.4-2.4h13.2v12.8Zm0-18.4c0 1.4-1.1 2.5-2.5 2.5H37.2v-3.2h8.9c.5 0 .9-.4.9-.9V13.7c0-.5-.4-1-.9-1h-4.8c-.5 0-.9.4-.9.9v4.8c0 .5.4 1 .9 1h3.8v3.2h-5.5c-1.4 0-2.5-1.1-2.5-2.5V12c0-1.4 1.1-2.5 2.5-2.5h8.1c1.4 0 2.5 1.1 2.5 2.5v13.8Z' class='st1'/%3E%3Cpath fill='%230' d='M30.7 12.7c.5 0 .9.4.9.9v4.8c0 .5-.4 1-.9 1h-4.8c-.5 0-.9-.4-.9-.9v-4.8c0-.5.4-1 .9-1zM28.1 34.5c.5 0 .9.4.9.9v4.7c0 .5-.4.9-.9.9h-4.7c-.5 0-.9-.4-.9-.9v-4.7c0-.5.4-.9.9-.9z' class='st1'/%3E%3C/g%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}
.cnt-top .release-area .platform li img {
  width: 100%;
}
.cnt-top .release-area .platform li svg {
  fill: currentColor;
}
.cnt-top .release-area .buy {
  margin: 15px 20px 0;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.cnt-top .release-area .buy a {
  color: #000;
  display: block;
  background: #fff;
  position: relative;
  padding: 15px 40px 15px 15px;
  cursor: pointer;
  transition: 0.5s;
}
.cnt-top .release-area .buy a:hover {
  color: #e0ca7e;
  text-shadow: 0 0 2px #eeeeee;
}
.cnt-top .release-area .buy a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 18px;
  top: 50%;
  border-top: 1px #000 solid;
  border-right: 1px #000 solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

/* ------------------------------------------------- */
.cnt-topics {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.cnt-topics .topics-title {
  font-family: yu-mincho-pr6n; /* "urw-din", sans-serif;*/
  font-weight: 400;
  font-style: normal;
  padding-bottom: 1rem;
  font-size: 1.375rem;
  color: #eeeeee;
}
.cnt-topics .topics-title span {
  display: inline-block;
}
.cnt-topics .topics-title p {
  display: block;
  color: #999999;
  padding: 0.5rem 0 0;
  font-size: 1.3125rem;
}
.cnt-topics .topics-title p span {
  font-size: 1.125rem;
}
.cnt-topics .topics-img {
  max-width: 720px;
  margin-inline: auto;
  width: 90vw;
}
.cnt-topics .topics-img img {
  width: 100%;
  box-shadow: 0 0 12px rgba(82, 82, 74, 0.6), 0 0 4px rgba(238, 238, 238, 0.6);
  transition: all 0.3s;
}
.cnt-topics .topics-img img:hover {
  box-shadow: 0 0 16px rgba(82, 82, 74, 0.8), 0 0 8px rgba(224, 202, 126, 0.8);
}

/* ------------------------------------------------- */
.news-banner {
  max-width: 980px;
  margin: 0 auto 30px;
  position: relative;
  z-index: 100;
}
.news-banner a {
  position: relative;
  color: #e0ca7e;
  display: block;
  width: 90vw;
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 30px;
  line-height: 1.3;
  font-size: 1.3125rem;
  background: linear-gradient(to top, rgba(186, 9, 1, 0.3) 0%, rgba(186, 9, 1, 0.1) 100%);
  background: -webkit-linear-gradient(bottom, rgba(186, 9, 1, 0.3) 0%, rgba(186, 9, 1, 0.1) 100%);
  background: -moz-linear-gradient(bottom, rgba(186, 9, 1, 0.3) 0%, rgba(186, 9, 1, 0.1) 100%);
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(224, 202, 126, 0.6), 0 0 4px rgba(224, 202, 126, 0.6);
  transition: all 0.3s;
}
.news-banner a:after {
  content: "";
  margin-left: 10px;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: 1px #e0ca7e solid;
  border-right: 1px #e0ca7e solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 10;
}
.news-banner a span {
  display: inline-block;
}
.news-banner .description {
  font-size: 0.875rem;
  color: #eeeeee;
  padding-top: 0.5rem;
}

/* ------------------------------------------------- */
.guideline-link,
.beginner-link {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.guideline-link a,
.beginner-link a {
  position: relative;
  color: #eeeeee;
  display: block;
  width: 90vw;
  max-width: 720px;
  margin: 0 auto;
  padding: 18px 30px;
  line-height: 1.3;
  font-size: 1.25rem;
  background: linear-gradient(to top, rgba(82, 82, 74, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(bottom, rgba(82, 82, 74, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(bottom, rgba(82, 82, 74, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(82, 82, 74, 0.6), 0 0 4px rgba(238, 238, 238, 0.6);
  transition: all 0.3s;
}
@media screen and (min-width:640px) {
  .guideline-link a,
.beginner-link a {
    padding: 20px 35px;
    font-size: 2rem;
    line-height: 1.4;
  }
}
.guideline-link a:hover,
.beginner-link a:hover {
  color: #e0ca7e;
  box-shadow: 0 0 16px rgba(82, 82, 74, 0.8), 0 0 8px rgba(224, 202, 126, 0.8);
}
.guideline-link a:before,
.beginner-link a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("/games/silenthill/f/s/img/common/bg_flower.png") right top no-repeat;
  background-size: 50%;
  opacity: 0.6;
}
.guideline-link a:after,
.beginner-link a:after {
  content: "";
  margin-left: 10px;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 10;
}
.guideline-link a:hover:after,
.beginner-link a:hover:after {
  border-top: 1px #e8d79f solid;
  border-right: 1px #e8d79f solid;
}
.guideline-link a .text,
.beginner-link a .text {
  position: relative;
  z-index: 10;
  text-shadow: #000000 0 0 4px;
  text-align: left;
}
@media screen and (min-width:640px) {
  .guideline-link a .text,
.beginner-link a .text {
    text-align: center;
  }
}
@media screen and (min-width:640px) {
  .guideline-link a .text span,
.beginner-link a .text span {
    display: inline-block;
  }
}
.guideline-link a .text > p,
.beginner-link a .text > p {
  font-size: 0.75rem;
}
@media screen and (min-width:640px) {
  .guideline-link a .text > p,
.beginner-link a .text > p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width:640px) {
  .guideline-link.ja a,
.beginner-link.ja a {
    font-size: 1.5rem;
  }
}

.beginner-link a:before {
  background: url("/games/silenthill/f/s/img/beginner/bg_beginner.png") left center no-repeat;
  background-size: cover;
  opacity: 1;
}
@supports (background-image: url("/games/silenthill/f/s/img/beginner/bg_beginner.webp")) {
  .beginner-link a:before {
    background-image: url("/games/silenthill/f/s/img/beginner/bg_beginner.webp");
  }
}
.beginner-link a:hover {
  filter: brightness(1.1);
}

/* ------------------------------------------------------------------------------------------ */
/* news */
/* ------------------------------------------------------------------------------------------ */
.cnt-news {
  position: relative;
  padding: 70px 0;
}
@media screen and (min-width:768px) {
  .cnt-news {
    padding: 80px 0;
  }
}
.cnt-news .news_wrap {
  padding: 6px;
  /*&::before,
  &::after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 40px;
  }

  &::before {
    top: 40px;
    @include gradation(bottom, (rgba($clBase1, 1) 0%, rgba($clBase1, 0) 100%));
  }

  &::after {
    bottom: 40px;
    @include gradation(bottom, (rgba($clBase1, 0) 0%, rgba($clBase1, 1) 100%));
  }*/
}
.cnt-news .inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  border-top: 1px;
  border-bottom: 1px;
  border-style: solid;
  padding: 1.5rem;
  box-sizing: border-box;
  border-image: url("/games/silenthill/f/s/img/common/border.png") 3/3px round;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3), 0 0 10px #000000;
}
@media screen and (min-width:768px) {
  .cnt-news .inner:lang(ar) {
    flex-wrap: wrap-reverse;
  }
}
.cnt-news .inner .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #e8d79f;
  width: 6px;
}
.cnt-news .inner .ps-container > .ps-scrollbar-y-rail {
  background-color: #52524a;
  width: 6px;
}
.cnt-news .inner .title {
  width: 100%;
  font-size: 3.125rem;
}
.cnt-news .inner .title .news-title {
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
}
.cnt-news .inner .news-inner {
  width: 100%;
  position: relative;
  max-height: 300px;
  padding-right: 25px;
  font-size: 1rem;
  line-height: 24px;
}
.cnt-news .inner .news-inner:lang(ar) {
  padding-right: 1.5rem;
}
@media screen and (min-width:768px) {
  .cnt-news .inner .news-inner {
    margin: 0;
    max-height: 180px;
    padding-right: 35px;
  }
}
.cnt-news .inner .news-inner .news-list li {
  width: 100%;
  border-bottom: 1px rgba(82, 82, 74, 0.3) solid;
}
.cnt-news .inner .news-inner .news-list li:last-child {
  border-bottom: none;
}
.cnt-news .inner .news-inner .news-list li a .text:hover {
  color: #e8d79f;
}
.cnt-news .inner .news-inner .news-list li .news-block {
  display: block;
  padding: 0.3rem 0;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
@media screen and (min-width:768px) {
  .cnt-news .inner .news-inner .news-list li .news-block {
    flex-wrap: nowrap;
  }
}
.cnt-news .inner .news-inner .news-list li .news-block .date {
  width: 100%;
  color: #999999;
  font-size: 15px;
}
@media screen and (min-width:768px) {
  .cnt-news .inner .news-inner .news-list li .news-block .date {
    width: 110px;
  }
}
.cnt-news .inner .news-inner .news-list li .news-block .text {
  width: 100%;
  transition: all 0.5s;
  /*@include mq(sp) {
    width: calc(100% - 100px);
  }*/
}
.cnt-news .inner .news-inner .news-list li .news-block .text span {
  display: inline-block;
  margin-right: 10px;
}
.cnt-news .inner .news-inner .news-list li .news-block .text .small {
  font-size: 0.85em;
  line-height: 1.3;
}
.cnt-news .inner .news-inner .news-list li a {
  width: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  display: inline-flex;
  text-shadow: 0 0 2px #e0ca7e;
  flex-wrap: wrap;
  /*&:hover {
    background: rgba($clText1, .3);
  }*/
}
@media screen and (min-width:768px) {
  .cnt-news .inner .news-inner .news-list li a {
    flex-wrap: nowrap;
  }
}
.cnt-news .inner .news-inner .news-list li a .text {
  position: relative;
}
.cnt-news .inner .news-inner .news-list li a .text:after {
  content: "";
  margin-left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  position: relative;
  top: -2px;
  border-top: 1px #eeeeee solid;
  border-right: 1px #eeeeee solid;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cnt-news .inner .news-inner .news-list.ja, .cnt-news .inner .news-inner .news-list.zh-cn, .cnt-news .inner .news-inner .news-list.zh-tw, .cnt-news .inner .news-inner .news-list.zh-ko, .cnt-news .inner .news-inner .news-list.zh-ru {
  font-size: 1rem;
  line-height: 24px;
}
@media screen and (min-width:768px) {
  .cnt-news.ar .inner .title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    text-align: right;
  }
}
@media screen and (min-width:768px) {
  .cnt-news.ar .inner .news-inner {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.cnt-news.ar .inner .news-inner li .news-block .date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.cnt-news.ar .inner .news-inner li .news-block .text {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

/* ------------------------------------------------------------------------------------------ */
/* story */
/* ------------------------------------------------------------------------------------------ */
.cnt-story {
  width: 100%;
  overflow: hidden;
  padding: 40px 0;
  /*@include mq(tab) {
    margin-top: 80px;
  }*/
}
.cnt-story .story_wrap {
  position: relative;
}
.cnt-story .story_wrap::before, .cnt-story .story_wrap::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 40px;
}
.cnt-story .story_wrap::before {
  top: -40px;
  background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
}
.cnt-story .story_wrap::after {
  bottom: -40px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, black 100%);
}
.cnt-story .inner {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 0;
  text-align: center;
  position: relative;
  background-color: #000000;
}
@media screen and (min-width:768px) {
  .cnt-story .inner {
    padding: 40px 0 0;
  }
}
.cnt-story .inner .story-area {
  position: relative;
  margin: 50px 0;
}
.cnt-story .inner .story-area img {
  width: 100%;
}
.cnt-story .inner .story-area .story-text {
  position: absolute;
  font-size: 1rem;
  line-height: 1.8;
  z-index: 10;
  text-shadow: 0 0 2px #000000;
  bottom: 0;
  width: 100%;
  max-width: 980px;
  flex-direction: column;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  height: auto;
}
.cnt-story .inner .story-area .story-text p {
  display: block;
  font-size: 0.875rem;
  text-shadow: 0 0 2px #000000, 0 0 3px #000000;
  padding: 0 1rem 0.8rem 1rem;
  box-sizing: border-box;
}
@media screen and (min-width:768px) {
  .cnt-story .inner .story-area .story-text p {
    text-align: left;
  }
}
.cnt-story .inner .story-area .story-text p > span {
  display: block;
}
@media screen and (min-width:768px) {
  .cnt-story .inner .story-area .story-text p {
    font-size: 1rem;
  }
}
@media screen and (min-width:768px) {
  .cnt-story .inner .story-area .story-text {
    font-size: 1.1em;
    line-height: 1.8;
  }
}
.cnt-story .inner .story-area.story-1 {
  width: 100%;
}
.cnt-story .inner .story-area.story-1 .story-text {
  top: 57%;
}
@media screen and (min-width:768px) {
  .cnt-story .inner .story-area.story-1 .story-text {
    top: 58%;
  }
}
@media screen and (min-width:1280px) {
  .cnt-story .inner .story-area.story-2 .story-text {
    max-width: 980px;
    /*&:lang(ja),
    &:lang(es-mx){*/
    top: 60%;
    width: 40%;
    left: 60%;
    /*}*/
  }
  .cnt-story .inner .story-area.story-2 .story-text p {
    transform: translateY(0) translateX(40%);
    -webkit-transform: translateY(0) translateX(40%);
    left: auto;
    right: 0;
    top: 50%;
    width: 100%;
    margin: auto;
  }
}
@media screen and (min-width:1280px) and (min-width:1280px) {
  .cnt-story .inner .story-area.story-2 .story-text p {
    margin: 0;
  }
}
@media screen and (min-width:1280px) {
  .cnt-story .inner .story-area.story-3 .story-text {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .cnt-story .inner .story-area.story-3 .story-text p {
    text-align: center;
  }
}
.cnt-story .inner .story-area:lang(ar) {
  text-align: right;
}

/* ------------------------------------------------------------------------------------------ */
/* gallery */
/* ------------------------------------------------------------------------------------------ */
.cnt-gallery {
  width: 100%;
  position: relative;
  z-index: 10;
  padding-bottom: 3rem;
  /* @include mq(tab) {
     margin-top: 90px;
   }*/
}
.cnt-gallery .inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
.cnt-gallery .inner .gallery-block {
  margin-top: 30px;
  text-align: left;
  position: relative;
}
.cnt-gallery .inner .gallery-block:not(:first-of-type) {
  margin-top: 60px;
}
.cnt-gallery .inner .gallery-block .anchor {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -100px;
}
.cnt-gallery .inner .gallery-block .gallery-list {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 0;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cnt-gallery .inner .gallery-block .gallery-list li {
  position: relative;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
  width: 50%;
  z-index: 100;
}
.cnt-gallery .inner .gallery-block .gallery-list li.column-1 {
  width: 100%;
  max-width: 900px;
  margin: 30px auto 2rem;
}
.cnt-gallery .inner .gallery-block .gallery-list li.column-3 {
  width: 33.3333333333%;
}
.cnt-gallery .inner .gallery-block .gallery-list li.new::before {
  z-index: 100;
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/games/silenthill/f/s/img/common/icon_new.png") center center no-repeat;
  background-size: cover;
  top: -15px;
  left: -10px;
}
@media screen and (min-width:768px) {
  .cnt-gallery .inner .gallery-block .gallery-list li.new::before {
    width: 60px;
    height: 60px;
    top: -20px;
    left: -10px;
  }
}
.cnt-gallery .inner .gallery-block .gallery-list li .gallery-list picture {
  position: relative;
}
.cnt-gallery .inner .gallery-block .gallery-list li a {
  cursor: pointer;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.cnt-gallery .inner .gallery-block .gallery-list li a img {
  width: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.cnt-gallery .inner .gallery-block .gallery-list li a:hover:before {
  opacity: 0;
}
.cnt-gallery .inner .gallery-block .gallery-list li a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.cnt-gallery .inner .gallery-block .gallery-list li .title {
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
}
.cnt-gallery .inner .gallery-block .gallery-list li .title span {
  display: inline-block;
}
.cnt-gallery .inner .gallery-block .gallery-list.videos {
  max-width: 1100px;
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li {
  width: 80%;
}
@media screen and (min-width:768px) {
  .cnt-gallery .inner .gallery-block .gallery-list.videos li {
    width: 50%;
  }
  .cnt-gallery .inner .gallery-block .gallery-list.videos li.column-3 {
    width: 33.3333333333%;
  }
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li div {
  position: relative;
  padding: 10px 13px 10px 12px;
  margin-bottom: 0.5rem;
  box-shadow: 0 0 6px #000000;
}
@media screen and (min-width:768px) {
  .cnt-gallery .inner .gallery-block .gallery-list.videos li div {
    padding: 6px 10px;
    box-sizing: border-box;
  }
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li div.new::before {
  position: absolute;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url("/games/silenthill/f/s/img/common/icon_new.png") center center no-repeat;
  background-size: cover;
  z-index: 20;
  top: -15px;
  left: -15px;
}
@media screen and (min-width:768px) {
  .cnt-gallery .inner .gallery-block .gallery-list.videos li div.new::before {
    width: 80px;
    height: 80px;
    top: -20px;
    left: -20px;
  }
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li div::after {
  content: "";
  background: url("/games/silenthill/f/s/img/common/bg_video.png") center center no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
@media screen and (min-width:768px) {
  .cnt-gallery .inner .gallery-block .gallery-list.videos li div {
    padding: 18px 16px 15px 20px;
  }
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li a {
  box-shadow: none;
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li a::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.cnt-gallery .inner .gallery-block .gallery-list.videos li a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/games/silenthill/f/s/img/common/video_play.png") center center no-repeat;
  background-size: 20% auto;
  z-index: 100;
}
.cnt-gallery .inner .gallery-block .gallery-list.ss {
  margin-top: 20px;
}
.cnt-gallery .inner .gallery-block .gallery-list.ss li {
  padding: 0 5px;
  margin-top: 10px;
}

/* ------------------------------------------------------------------------------------------ */
/* character*/
/* ------------------------------------------------------------------------------------------ */
.cnt-character {
  padding-bottom: 3rem;
  position: relative;
  z-index: 10;
  /* monster */
}
.cnt-character .inner {
  position: relative;
  background-color: #000000;
}
.cnt-character .inner::before, .cnt-character .inner::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 40px;
}
.cnt-character .inner::before {
  top: -40px;
  background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0) 100%);
}
.cnt-character .inner::after {
  bottom: -40px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, black 100%);
}
.cnt-character .character-list {
  max-width: 1080px;
  margin: 0 auto 3rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 3rem 20px;
  padding: 0 5vw;
  box-sizing: border-box;
  /*grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);*/
  column-gap: 20px;
  row-gap: 3rem;
}
.cnt-character .character-list .character-inner {
  width: 100%;
  max-width: 500px;
  margin: auto;
  display: grid;
  grid-template-rows: 1fr;
  row-gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .cnt-character .character-list .character-inner {
    padding: 0;
  }
}
.cnt-character .character-list .character_imgbox {
  padding-top: 20%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
}
.cnt-character .character-list .character_imgbox.hinako {
  background-image: url("/games/silenthill/f/s/img/characters/character_hinako_portrait.png");
  background-position: 60% 0;
}
.cnt-character .character-list .character_imgbox.shuu {
  background-image: url("/games/silenthill/f/s/img/characters/character_shuu_portrait.png");
  background-position: 100% 0;
}
.cnt-character .character-list .character_imgbox.shuu:lang(ar) {
  background-position: 0 0;
}
.cnt-character .character-list .character_imgbox.rinko {
  background-image: url("/games/silenthill/f/s/img/characters/character_rinko_portrait.png");
  background-position: 50% 0;
}
.cnt-character .character-list .character_imgbox.sakuko {
  background-image: url("/games/silenthill/f/s/img/characters/character_sakuko_portrait.png");
  background-position: 75% 0;
}
.cnt-character .character-list .character_imgbox.foxmask {
  background-image: url("/games/silenthill/f/s/img/characters/character_foxmask_portrait.png");
  background-position: 60% 0;
}
.cnt-character .character-list .character_imgbox.foxmask:lang(ar) {
  background-position: 0 0;
}
.cnt-character .character-list .chara-img {
  padding: 2rem 0 1rem;
  box-sizing: border-box;
  width: 50%;
  max-width: 172px;
}
.cnt-character .character-list .chara-img.foxmask {
  width: 100%;
  max-width: 280px;
}
.cnt-character .character-list .chara-img.foxmask:lang(ar) {
  position: relative;
  right: -100px;
}
.cnt-character .character-list .character-profile {
  padding: 0 2vw;
  box-sizing: border-box;
  display: inline-block;
  min-height: 8rem;
  max-width: 360px;
  margin: 0 auto;
}
.cnt-character .character-list .character-profile b {
  font-size: 1.0625rem;
}
.cnt-character .character-list .character-profile .character-text {
  display: block;
  color: #999999;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.cnt-character .character-list .character-profile .character-text span {
  overflow-wrap: break-word;
  word-wrap: break-word;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .cnt-character {
    column-gap: 50px;
  }
  .cnt-character .chara-img {
    padding: 2rem 0 0;
    max-width: 190px;
  }
  .cnt-character .chara-img.foxmask:lang(ar) {
    position: relative;
    right: -60px;
  }
  .cnt-character .chara-img img {
    width: 100%;
  }
  .cnt-character .character-profile {
    padding: 0 2vw;
    box-sizing: border-box;
    display: inline-block;
    min-height: 8rem;
  }
}
@media screen and (min-width: 1024px) {
  .cnt-character .character-list .character-profile {
    position: absolute;
    bottom: 0;
    left: 180px;
    padding: 0;
  }
  .cnt-character .character-list .character-profile:lang(ar) {
    right: 190px;
    left: auto;
  }
  .cnt-character .character-list .character-text {
    display: block;
    color: #999999;
    max-width: 360px;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 auto;
  }
}
.cnt-character .monster-list {
  display: grid;
  max-width: 1080px;
  margin: auto;
  padding: 0 1rem;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  grid-row-gap: 3rem;
}
.cnt-character .monster-list .monster-inner .monster-imgbox {
  padding-top: 30%;
}
.cnt-character .monster-list .monster-inner .em-img {
  max-width: 140px;
}
.cnt-character .monster-list .monster-inner {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  /* アラアバレ　*/
}
.cnt-character .monster-list .monster-inner .monster-imgbox {
  aspect-ratio: 1/1.8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  padding-top: 20%;
  max-height: 440px;
}
.cnt-character .monster-list .monster-inner .monster-name {
  margin-top: 0.5rem;
  font-family: yu-mincho-pr6n; /* "urw-din", sans-serif;*/
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 0.1rem;
}
.cnt-character .monster-list .monster-inner .em-img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.cnt-character .monster-list .monster-inner.em1 figure {
  background: url("/games/silenthill/f/s/img/characters/em_1_pose_2.png") center top no-repeat;
  background-size: contain;
}
.cnt-character .monster-list .monster-inner.em2 figure {
  background: url("/games/silenthill/f/s/img/characters/em_2_pose_2.png") center top no-repeat;
  background-size: contain;
}
.cnt-character .monster-list .monster-inner.em2 .em-img {
  max-width: 340px;
  padding-top: 18%;
}
@media screen and (min-width:768px) {
  .cnt-character .monster-list .monster-inner.em2 .em-img {
    padding-top: 0;
  }
}
.cnt-character .monster-list .monster-inner.em3 figure {
  background: url("/games/silenthill/f/s/img/characters/em_3_pose_2.png") center top no-repeat;
  background-size: contain;
}
.cnt-character .monster-list .monster-inner.em4 {
  grid-column: 1/-1;
  width: 100%;
  max-width: none;
}
.cnt-character .monster-list .monster-inner.em4 figure {
  background: url("/games/silenthill/f/s/img/characters/em4_pose_2.png") center top no-repeat;
  background-size: contain;
  max-width: 100%;
  aspect-ratio: 1/0.6;
  margin: 0;
  padding-top: 5%;
}
.cnt-character .monster-list .monster-inner.em4 .em-img {
  max-width: 520px;
}
@media screen and (min-width:768px) {
  .cnt-character .monster-list {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  }
  .cnt-character .monster-list .monster-imgbox {
    aspect-ratio: 1/1.7;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    max-width: 340px;
    text-align: center;
    width: 100%;
    padding-top: 20%;
  }
  .cnt-character .monster-list .monster-imgbox .em-img {
    max-width: 200px;
  }
  .cnt-character .monster-list .monster-imgbox.em2 .em-img {
    padding-top: 0;
  }
  .cnt-character .monster-list .monster-imgbox.em3 {
    grid-column: 1/-1;
    width: 100%;
    max-width: none;
  }
  .cnt-character .monster-list .monster-imgbox.em3 .em-img {
    max-width: 300px;
  }
}
@media screen and (min-width:768px) {
  .cnt-character .monster-list {
    grid-template-columns: repeat(3, 1fr);
    /*
    .em3 {
      grid-column: 1 / -1;
      max-width: none;
    }
    */
  }
}

/* ------------------------------------------------------------------------------------------ */
/* comment */
/* ------------------------------------------------------------------------------------------ */
.cnt-comment {
  position: relative;
  z-index: 10;
}
.cnt-comment .comment-area {
  position: relative;
  z-index: 10;
  max-width: 980px;
  width: 94%;
  margin: 0 auto 3rem;
  padding: 1rem 1.5rem 1.5rem;
  box-sizing: border-box;
  background: linear-gradient(to top, rgba(36, 36, 35, 0.8), rgba(82, 82, 74, 0.8) 100%);
  background: -webkit-linear-gradient(bottom, rgba(36, 36, 35, 0.8), rgba(82, 82, 74, 0.8) 100%);
  background: -moz-linear-gradient(bottom, rgba(36, 36, 35, 0.8), rgba(82, 82, 74, 0.8) 100%);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
.cnt-comment .comment-area.new::before {
  z-index: 100;
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url("/games/silenthill/f/s/img/common/icon_new.png") center center no-repeat;
  background-size: cover;
  top: -15px;
  left: -10px;
}
@media screen and (min-width:768px) {
  .cnt-comment .comment-area.new::before {
    width: 60px;
    height: 60px;
    top: -25px;
    left: -25px;
  }
}
.cnt-comment .profile {
  display: grid;
  gap: 0.3rem 1rem;
  grid-template-rows: 2fr;
  grid-template-columns: 3fr;
  margin-bottom: 1rem;
}
.cnt-comment .profile:lang(ar) {
  direction: rtl;
  text-align: right;
}
@media screen and (min-width:640px) {
  .cnt-comment .profile {
    grid-template-columns: auto 2fr;
  }
}
.cnt-comment .profile .title {
  font-size: 1.125rem;
  color: #e0ca7e;
  grid-column: 1/3;
  grid-row: 1/2;
}
.cnt-comment .profile .name {
  grid-column: 1/2;
  grid-row: 2/3;
  font-size: 1.625rem;
  font-family: 500; /* "urw-din", sans-serif;*/
  font-weight: 400;
  font-style: normal;
}
.cnt-comment .profile a {
  position: relative;
  grid-column: 2/3;
  grid-row: 2/3;
  display: inline-block;
  padding: 0 20px 0 12px;
  box-sizing: border-box;
  color: #000000;
  text-align: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  transition: all 0.5s;
  background: url("/games/silenthill/f/s/img/common/btn_bg.png") center center no-repeat;
  font-family: yu-mincho-pr6n; /* "urw-din", sans-serif;*/
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.1rem;
  max-width: 8.5rem;
}
.cnt-comment .profile a:lang(ja) {
  max-width: 9rem;
}
.cnt-comment .profile a::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  border-top: 1px #000000 solid;
  border-right: 1px #000000 solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.cnt-comment .profile a:hover {
  filter: brightness(1.2);
  background-color: #e0ca7e;
}
.cnt-comment .comment {
  font-size: 0.875rem;
}
.cnt-comment .comment > p {
  padding: 0 0 0.8rem 0;
}
.cnt-comment .comment > p:lang(ja) {
  letter-spacing: -0.0001rem;
}
@media screen and (min-width:768px) {
  .cnt-comment .comment > p {
    padding: 0 0 0.8rem 1rem;
    box-sizing: border-box;
  }
  .cnt-comment .comment > p:lang(ar) {
    padding-right: 1rem;
  }
}

.profile-modal {
  border: 1px solid #e0ca7e;
  padding: 1.5rem;
  box-sizing: border-box;
  font-family: yu-mincho-pr6n; /* "urw-din", sans-serif;*/
  font-weight: 400;
  font-style: normal;
  color: #eeeeee;
  background-color: #000000;
  width: 100%;
}
@media screen and (min-width:768px) {
  .profile-modal {
    min-width: 780px;
  }
}
.profile-modal .profile_inner {
  color: #eeeeee;
  display: flex;
  flex-direction: column;
  line-height: 1.8;
}
.profile-modal .profile_inner dd:lang(ar) {
  direction: ltr;
}
.profile-modal .profile_inner:lang(ar) {
  direction: rtl;
  text-align: right;
}
.profile-modal .profile_inner > div {
  width: 100%;
}
.profile-modal .profile_inner > div:lang(ar) {
  padding-right: 1.5rem;
}
@media screen and (min-width:768px) {
  .profile-modal .profile_inner {
    flex-direction: row;
  }
}
.profile-modal .name {
  font-size: 1.75rem;
  padding-bottom: 0.5rem;
}
.profile-modal .profile_text,
.profile-modal .profile_text ~ p {
  font-size: 0.875rem;
  padding-bottom: 0.8rem;
}
.profile-modal a:hover {
  transition: all 0.3s;
  color: #e0ca7e;
}
.profile-modal .profile_sns {
  display: flex;
  padding: 0.5rem 0;
}
.profile-modal .profile_sns:lang(ar) {
  text-align: right;
}
.profile-modal .profile_sns li {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border-radius: 50%;
}
.profile-modal .profile_sns li:first-child {
  margin-left: 0;
}
.profile-modal .profile_sns li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-size: 100% auto;
}
.profile-modal .profile_sns li a::before {
  width: 40px;
  height: 40px;
  content: "";
  display: block;
  background-color: #52524a;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.3s;
}
.profile-modal .profile_sns li a:hover::before {
  background-color: rgba(82, 82, 74, 0.8);
}
.profile-modal .profile_sns li.x_link a::before {
  background-image: url("/games/silenthill/f/s/img/common/icon_x.svg");
  background-size: 20px;
}
.profile-modal .profile_sns li.youtube_link a::before {
  background-image: url("/games/silenthill/f/s/img/common/icon_youtube.svg");
  background-size: 24px;
}
.profile-modal .profile_sns li.instagram_link a::before {
  background-image: url("/games/silenthill/f/s/img/common/icon_instagram.svg");
  background-size: 24px;
}
.profile-modal .profile_sns li.tiktok_link a::before {
  background-image: url("/games/silenthill/f/s/img/common/icon_tiktok.svg");
  background-size: 24px;
}
.profile-modal .profile_photo {
  width: 280px;
  min-width: 280px;
  padding: 0 0 1rem 0;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .profile-modal .profile_photo {
    padding: 0 1.5rem 0 0;
  }
}
.profile-modal .profile_photo img {
  width: 100%;
}

/* ------------------------------------------------------------------------------------------ */
/* products */
/* ------------------------------------------------------------------------------------------ */
.products-block {
  position: relative;
  z-index: 100;
}

.cnt-products {
  position: relative;
  padding: 60px 0;
  /* &:before {
     content: '';
     width: 100%;
     height: 60vw;
     position: absolute;
     left: 0;
     bottom: 0;
     //bg
     //@include bgimg_webp('/games/silenthill/f/s/img/story/bg_story_3', 'png', center bottom no-repeat);
     background-size: 500px auto;
     z-index: -1;

     @media screen and (min-width: 500px) {
       background-size: 100% auto;
     }
   }*/
}
@media screen and (min-width:768px) {
  .cnt-products {
    padding: 100px 0;
  }
}
.cnt-products .inner {
  width: 100%;
  margin: 0 auto 2rem;
  padding: 30px 20px;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  justify-content: center;
}
.cnt-products .inner:lang(ar) {
  flex-direction: row;
}
@media screen and (min-width:768px) {
  .cnt-products .inner {
    max-width: 820px;
    padding: 3rem;
    box-sizing: border-box;
    display: -webkit-box; /*Android4.3*/
    display: -moz-box; /*Firefox21*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-flex; /*PC-Safari,iOS8.4*/
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    flex-direction: row;
    justify-content: center;
  }
}
.cnt-products .inner .img {
  width: 100%;
  max-width: 280px;
  line-height: 1;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
.cnt-products .inner .img img {
  width: 100%;
}
.cnt-products .inner .text-area {
  margin: 1rem;
}
@media screen and (min-width:768px) {
  .cnt-products .inner .text-area {
    display: -webkit-box; /*Android4.3*/
    display: -moz-box; /*Firefox21*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-flex; /*PC-Safari,iOS8.4*/
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
  }
}
.cnt-products .inner .text-area .note {
  color: #eeeeee;
  display: block;
  background-color: rgba(186, 9, 1, 0.8);
  border-radius: 2px;
  padding: 3px 3px 2px;
  box-sizing: border-box;
  margin-top: 6px;
  letter-spacing: 0;
  line-height: 1;
}
.cnt-products .inner .text-area .detail {
  font-size: 1rem;
  line-height: 1.2;
  padding: 0 0 20px 0;
}
@media screen and (min-width:768px) {
  .cnt-products .inner .text-area .detail {
    padding: 0 0 0 2rem;
  }
}
.cnt-products .inner .text-area .detail .title-area h2 {
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
}
.cnt-products .inner .text-area .detail .title-area p {
  font-size: 13px;
}
.cnt-products .inner .text-area .detail .list {
  margin-top: 10px;
}
.cnt-products .inner .text-area .detail .list li {
  margin-top: 10px;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.cnt-products .inner .text-area .detail .list li .ttl {
  width: 110px;
  color: #bbb;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0.3rem 10px 0 0;
  position: relative;
}
.cnt-products .inner .text-area .detail .list li .ttl:after {
  content: ":";
  position: absolute;
  right: 0;
  top: 5px;
}
.cnt-products .inner .text-area .detail .list li .txt {
  width: calc(100% - 110px);
}
.cnt-products .inner .text-area .detail .list li .txt span {
  font-size: 0.8em;
}
.cnt-products .inner .text-area .rating {
  line-height: 0;
  text-align: center;
}
@media screen and (min-width:768px) {
  .cnt-products .inner .text-area .rating {
    text-align: left;
  }
}
.cnt-products .inner .text-area .rating:not(:first-child) {
  margin-top: 20px;
}
.cnt-products .inner .text-area .rating img {
  max-width: 60px;
  margin: 0 5px;
}
.cnt-products .inner .text-area .rating img.esrb {
  max-width: 200px;
  border: 1px #fff solid;
}
.cnt-products .inner .text-area .rating img.pegi {
  max-width: 65px;
}
.cnt-products .inner .text-area .rating img.tw {
  max-width: 70px;
}
.cnt-products .inner .text-area .rating img.usk {
  max-width: 80px;
}
.cnt-products .inner .text-area .rating img.djctq {
  max-width: 200px;
  width: 100%;
}
.cnt-products .inner .text-area .buy {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width:768px) {
  .cnt-products .inner .text-area .buy {
    margin: 0;
  }
}
.cnt-products .inner .text-area .buy a {
  color: #000;
  display: inline-block;
  background: #eeeeee;
  position: relative;
  padding: 15px 40px 15px 15px;
  cursor: pointer;
  transition: 0.5s;
  text-align: left;
}
.cnt-products .inner .text-area .buy a:hover {
  color: #e0ca7e;
  text-shadow: 0 0 2px #eeeeee;
}
.cnt-products .inner .text-area .buy a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 18px;
  top: 50%;
  border-top: 1px #000 solid;
  border-right: 1px #000 solid;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width:768px) {
  .cnt-products .inner:lang(ar) .img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
@media screen and (min-width:768px) {
  .cnt-products .inner:lang(ar) .text-area {
    padding-left: 0;
    padding-right: 40px;
  }
}
.cnt-products .inner:lang(ar) .text-area .detail .list li {
  text-align: right;
  display: -webkit-box; /*Android4.3*/
  display: -moz-box; /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}
.cnt-products .inner:lang(ar) .text-area .detail .list li .ttl {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  padding-right: 0;
  padding-left: 10px;
}
.cnt-products .inner:lang(ar) .text-area .detail .list li .ttl:after {
  right: auto;
  left: 0;
}
.cnt-products .inner:lang(ar) .text-area .detail .list li .txt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  padding-left: 0;
  padding-right: 10px;
}
.cnt-products .attention {
  position: relative;
  border: 1px solid #ba0901;
  padding: 1.2rem 1rem;
  z-index: 100;
  box-sizing: border-box;
  width: 94%;
  margin: auto;
  max-width: 980px;
  box-shadow: 0 0 10px #000000;
  background-color: rgba(0, 0, 0, 0.8);
}
.cnt-products .attention h4 {
  font-size: 1.375rem;
  text-align: center;
  padding-bottom: 0.8rem;
}
.cnt-products .attention > p {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
}
.cnt-products .attention > p:last-child {
  padding: 0;
}

.wishlist-logo,
.storepage-logo {
  margin: 100px auto 0;
  max-width: 680px;
  padding: 0 3vw;
  box-sizing: border-box;
}
.wishlist-logo img,
.storepage-logo img {
  width: 100%;
}

.store-link {
  padding: 1rem 0 4rem;
  box-sizing: border-box;
  min-width: 320px;
}
.store-link .link_list {
  padding: 1rem 0;
}
.store-link .link_list ul {
  width: 94%;
  margin-inline: auto;
  margin-bottom: 2rem;
  background-color: black;
  padding: 1.5rem;
  box-sizing: border-box;
  border: 1px solid #52524a;
  box-shadow: 0 0 6px rgba(224, 202, 126, 0.8) inset;
  /* &.ps {
     background-color: $clPoint3;
   }

   &.xbox {
     background-color: $clPoint2;
   }

   &.steam {
     background-color: $clPoint3;
   }*/
}
@media screen and (min-width:768px) {
  .store-link .link_list ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
}
.store-link .link_list ul > li + li {
  margin: 1.5rem 0 0 0;
}
@media screen and (min-width:768px) {
  .store-link .link_list ul > li + li {
    margin: 0 1rem 0 0;
  }
}
.store-link .link_list ul:last-child {
  margin-bottom: 0;
}
.store-link li {
  list-style: none;
}
.store-link li .item_text {
  display: block;
  padding-bottom: 0.5rem;
}
.store-link li > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.store-link li a {
  max-width: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  background: url("/games/silenthill/f/s/img/common/btn_bg.png") 0 0 no-repeat;
  background-size: cover;
  transition: all 0.5s;
  color: #000000;
  font-size: 1.125rem;
}
.store-link li a:hover {
  filter: brightness(1.2);
}

.footer-link a {
  position: relative;
  background-color: rgba(82, 82, 74, 0.8);
  padding: 1rem 2rem 1rem 1rem;
  box-sizing: border-box;
  transition: all 0.3s;
}
.footer-link a::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 12px;
  width: 8px;
  height: 8px;
  display: block;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  transform: rotate(45deg);
}
.footer-link a:hover {
  background-color: #52524a;
}

/*# sourceMappingURL=index.css.map */