@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap");
/*変数(ブレイクポイント)設定(必要に応じて数値を変更)*/
/*------------------------------------------------------------------------------------------------------------*/
.pf_rating {
  /*海外版レーティング表記用*/
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #000;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .pf_rating {
      display: block;
      text-align: center; } }

.info_con {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  @media screen and (max-width: 800px) {
    .info_con {
      flex-wrap: wrap; } }

/*インフォ左側------------------------------------------------------------------------------------------------------------*/
.left_info, .right_rating {
  width: 490px;
  max-width: 95%; }
  @media screen and (max-width: 800px) {
    .left_info, .right_rating {
      margin: 0px auto; } }

.title_name {
  font-size: 20px;
  text-align: left;
  font-weight: bold; }
  @media screen and (max-width: 800px) {
    .title_name {
      text-align: center; } }

.game_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  text-align: left; }
  .game_info p {
    background: #1f1f1f;
    color: #FFF;
    width: 90px;
    margin: 10px 30px 10px 0px;
    padding: 5px 0;
    overflow: hidden;
    font-size: 10px;
    text-align: center; }
  @media screen and (max-width: 800px) {
    .game_info {
      flex-wrap: wrap;
      text-align: center; }
      .game_info p {
        width: 100%;
        margin: 0 auto; } }

.caution1 {
  text-align: left;
  margin: 5px auto;
  font-size: 12px; }

.download_btn_pc {
  display: block;
  background: #1f1f1f;
  padding: 10px;
  overflow: hidden;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 22px;
  margin: 40px auto;
  width: 410px;
  max-width: 95%;
  transition: .3s; }
  .download_btn_pc:hover {
    background: #FFF;
    color: #000; }
  @media screen and (max-width: 800px) {
    .download_btn_pc {
      display: none;
      width: 100%; } }

.download_btn_sp {
  display: none;
  background: #1f1f1f;
  padding: 16px;
  overflow: hidden;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 22px;
  margin: 40px auto;
  transition: .3s; }
  .download_btn_sp:hover {
    background: #FFF;
    color: #000; }
  @media screen and (max-width: 800px) {
    .download_btn_sp {
      display: block;
      width: 90%; } }

/*インフォ右側（レーティング）------------------------------------------------------------------------------------------------------------*/
.right_rating {
  margin-left: 5px; }
  @media screen and (max-width: 800px) {
    .right_rating {
      margin-left: auto; } }

.rating_info {
  flex-wrap: nowrap;
  align-items: center; }
  .rating_info p {
    background: #1f1f1f;
    color: #FFF;
    width: 100px;
    margin: 0px 0px 10px 0px;
    padding: 5px 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  @media screen and (max-width: 800px) {
    .rating_info p {
      width: 100%; } }

.pf_name, .pf_name2 {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  text-align: left; }

.pf_name {
  margin: 0px auto 0px; }

.pf_name2 {
  margin: 15px auto 0px; }

.pf_rating {
  /*海外版レーティング表記用*/
  display: flex;
  width: 90%;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #000;
  height: auto;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .pf_rating {
      display: flex;
      justify-content: center;
      text-align: center;
      width: 100%; } }

.e-icon {
  display: flex;
  max-width: 100%;
  margin-top: 3px;
  justify-content: space-between; }
  .e-icon img {
    height: 80px; }
  @media screen and (max-width: 800px) {
    .e-icon {
      margin: 1rem auto 15px; } }
  @media screen and (max-width: 640px) {
    .e-icon {
      width: 80%; } }

.r-txt {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 10px;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .r-txt {
      margin-left: 10px;
      width: 100%;
      text-align: left; } }
  .r-txt li {
    width: 100%;
    font-size: 10pt; }
    @media screen and (max-width: 640px) {
      .r-txt li {
        width: auto;
        font-size: 12px; } }

.r-txt1 {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 2px;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .r-txt1 {
      margin-left: 10px;
      width: 100%;
      text-align: left; } }
  .r-txt1 li {
    font-size: 10pt; }

.dwn_bd {
  border-bottom: 1px #000 solid; }

/*下部各社ロゴ------------------------------------------------------------------------------------------------------------*/
.clogo-d {
  max-width: 900px;
  margin: 0 auto; }
  .clogo-d img {
    height: 80px; }
  @media screen and (max-width: 640px) {
    .clogo-d img {
      height: 60px;
      margin: 0 8px; } }

.pf-img {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around; }
  @media screen and (max-width: 640px) {
    .pf-img {
      flex-wrap: wrap;
      justify-content: center; } }

.copy {
  font-size: 10px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

.trademark {
  font-size: 10px;
  width: 90%;
  margin: 5px auto;
  text-align: center; }
  .trademark a {
    color: #3D83FF;
    font-size: 13px; }
  .trademark a:hover {
    color: #0035A2; }