/* 共通設定 */

/* アンカータグの下線引かない */
a {
  text-decoration: none;
}

.image-fit-cover {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.div-vcenter {
  left: 50%;
  transform: translateX(-50%);
}
.drop-shadow {
  filter: drop-shadow(0.6vw 0.5vw 0vw #444);
}
.footer {
  margin-top: 1vw;
  margin-bottom: 1vw;
  color:#fff;background: #138;
  font-size: 1vw;
  text-align: center;
}
.waitload {
  opacity: 0;
}

/* 個別設定 */

/* 全体div */
.all-out-box{
  width: 100%;
  overflow: hidden;
}
/* カウントダウンタイマー */
#countdown-timer {
  text-align: center;
  color: #fc2;
  font-weight: 900;
}
.countdown-font{
  font-family: "Noto Sans JP", sans-serif;
}
/* 不具合情報-index */
.patchinfo-font{
  text-align: center;
  color: #fc2;
  font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
}
/* Twitter */
.tw-out-box {
  position: relative;
  height: 18vw;
}
.tw-in-box {
  position: absolute;
}
.tw-image {
  width: 45vw;
  margin-top: 4vw;
}

/* BLOCK1 友情か裏切りか */
.block01-out-box {
  position: relative;
  height: 40vw;
}
.block01-in-box {
  position: absolute;
  left: 8vw;
}

.block01-copy1 {
  position:sticky;
  transform: translate(-1vw, 2vw);
  z-index:1
}
.block01-copy1-img {
  width:64vw;
  transform: rotate(-10deg);
}
.block01-video {
  position: relative;
  left: 5vw;
  transform: rotate(0deg);
  width: 80vw;
}
.block01-iframe {
  width:53vw;
  height:30vw;
  border-radius: 1.2vw;
}
.block01-video-frame {
  position: absolute;
  top: -0.4vw;
  left: -0.9vw;
  width: 55vw;
}
.block01-chara {
  posisiton: absolute;
}
.block01-valtz {
  width: 27vw;
  transform: translate(52vw, -41vw);
}
.block01-molde {
  width: 23vw;
  transform: translate(30vw, -16vw);
  position:absolute;
  z-index:1;
}

/* BLOCK2 コイン */
.block02-out-box {
  position:relative;
  height: 25vw;
}
.block02-coin {
  position:absolute;
  width: 42vw;
  transform: translate(19vw, 0vw)
}

/* BLOCK3 金か力か */
.block03-out-box {
  position:relative;
  height: 36vw;
}
.block03-in-box {
  position: absolute;
  top: -12vw;
  left: 5vw;
}
.block03-copy2 {
  position:sticky;
  transform: translate(29vw, -2vw);
  z-index:1;
  width: 10vw;
}
.block03-copy2-img {
  width:58vw;
  transform: rotate(-9deg);
}
.block03-video {
  position: absolute;
  top: 5vw;
  left: 34vw;
  transform: rotate(0deg);
}
.block03-iframe {
  width:53vw;
  height:30vw;
  border-radius: 1.2vw;
}
.block03-video-frame {
  position: absolute;
  top: -0.4vw;
  left: -0.9vw;
  width: 55vw;
}
.block03-burikin {
  width: 40vw;
  transform: translate(-4vw, -16vw);
}

/* BLOCK4 敵や友達を全てやっつけて */
.block04-out-box {
  position: relative;
  margin-bottom: 30vw;
}
.block04-in-box {
  position: absolute;
}
.block04-img {
  width: 90vw;
}

/* block08 個性ぞろいのキャラクター */
.block08-out-box {
  position: relative;
  height: 70vw;
}
.block08-in-box {
  position: absolute;
}
.block08-copy4 {
  width: 70vw;
}
.block08-charactors {
  position: absolute;
  left: 4vw;
  top: 10vw;
}
.block08-charactors-img {
  width: 95vw;
  left: 0vw;
  top: -7vw;
}

/* block09 リマスター版では5倍速機能や */
.block09-out-box {
  position: relative;
  height: 71vw;
}
.block09-copy5 {
  position: absolute;
  z-index: 1;
}
.block09-img {
  width: 90vw;
}
.block09-video-out-box {
  position: absolute;
  left: 9vw;
  top: 15vw;
}
.block09-video {
  position: absolute;
}
.block09-iframe {
  width:85vw;
  height:47.5vw;
  border-radius: 2vw;
}
.block09-video-frame {
  position: absolute;
  top: -1.0vw;
  left: -1.4vw;
  width: 88.5vw;
}
.block09-gama {
  width: 23vw;
  transform: translate(-8vw, 29vw);
}

/* block10 ボタン*/

/* block11 様々なキャラクターとの駆け引き！ */
.block11-out-box {
  position: relative;
  height: 76vw;
}
.block11-in-box1 {
  position: absolute;
  z-index: 1;
}
.block11-copy8 {
  width: 90vw;
}
.block11-in-box2 {
  position: absolute;
  left: 0vw;
  top: 10vw;
}
.block11-characters {
  width: 99vw;
}

/* block12 製品情報 */
.block12-in-box {
  position: absolute;
  width: auto;
}
.block12-store-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%);
}
.block12-store-button {
  transform: translate(5%);
}
.block12-store-img {
  width: 90%;
}

/* ストーリー */
.story_all-in-box {
  position: relative;
  height: auto;
}
.story_top-spacer {
  position:relative;
  height: 4vw;
}
.story_main-bg-out-box {
  position:relative;
  height: 200vw;
}
.story_main-bg-in-box {
  position: absolute;
}
.story_main-bg-img {
  width: 90vw;
}
.story_main_video-out-box {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  top: 18vw;
  width: auto;
}
.story_main-iframe {
  width: 53vw;
  height: 30vw;
  border-radius: 1.2vw;
}
.story_main-iframe-img {
  position: absolute;
  top: -0.4vw;
  left: -0.7vw;
  width: 55vw;
  height: 31.5vw;
}

:root{
  --new_function-max-pix: 800px;
  --info-max-pix: 1200px;
}
.top-button-box {
  position: relative;
  height: 12vw;
}
.top-button-img {
  z-index: -1;
  opacity: 0;
  position: fixed;
  right: 1vw;
  width: 11vw;
  max-width: 110px;
  bottom: 0vw;
}

/* 新機能 */
.new_function-in-box{
  position: relative;
  border: 2px solid #fff;
  background-color: rgba(255,255,255,0.3);
  border-radius: 5vw;
  padding: 3vw;
  max-width: var(--new_function-max-pix);
  width: 80vw;
  margin: auto;
}
.new_function-in-div{
  width: 81vw;
  max-width: var(--new_function-max-pix);
}
.new_function_heading_area03{
  position:relative;
}
.new_function_heading_area04{
  position:relative;
}
.new_function_heading_area05{
  position:relative;
}

/* システム */
.system_in-box {
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5vw;
  padding: 0vw;
  width: 90vw;
  max-width: 1100px;
}
.system-spacer {
  position:relative;
  height: min(11vw, 100px);
}
.system_footer {
  position: absolute;
  width: 100%;
  bottom: 2vw;
}
.system_block01 {
  grid-area: area11;
}
.system_block02 {
  grid-area: area12;
}
.system_block03 {
  grid-area: area21;
}
.system_block04 {
  grid-area: area22;
}
.system_block05 {
  grid-area: area31;
}
.system_block06 {
  grid-area: area32;
}

/* キャラクタ */
.chr_btn-hide {
  animation-name:btn-hideAnim;
  animation-duration:0.2s;
  animation-fill-mode:forwards;
  opacity:1;
/*opacity: 0;*/
}
@keyframes btn-hideAnim{
  0%   { opacity: 1; }
  40%  { opacity: 0.2; }
  100% { opacity: 0; }
}

.chr_btn-view {
  animation-name:btn-viewAnim;
  animation-duration:0.2s;
  animation-fill-mode:forwards;
  opacity:0;
/*opacity: 1;*/
}
@keyframes btn-viewAnim{
  0%   { opacity: 0; }
  20%  { opacity: 0.8; }
  100% { opacity: 1; }
}
.chr_spacer1{
  position: relative;
  height: 3vw;
}
.chr_spacer2{
  position: relative;
  height: 5vw;
}

/* 不具合情報 */
.patch-box {
  margin: auto;
}
.patch-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  background: #f81;
}
.patch-th-date {
  width: 5em;
}
.patch-th-env {
  width:6em;
}
.patch-th-fix {
  width: 3em;
}
.patch-td-date {
  width: 5em;
  text-align: center;
}
.patch-td-main {
  padding-left: 0.4vw;
  padding-right: 0.1vw;
}
.patch-td-env {
  width:6em;
  text-align: center;
}
.patch-td-fix {
  width: 2em;
  text-align: center;
}
.patch-out-box {
  position:relative;
}
.patch-out-in-box {
  width: 90vw;
  max-width: var(--info-max-pix);
  margin: auto;
}
.patch-in-box {
  position: relative;
  border: 2px solid #fff;
  background-color: rgba(255,255,255,0.3);
  border-radius: 4vw;
  padding: 1.6vw;
  margin: auto;
}
.patch-in-div {
  max-width: var(--info-max-pix);
}
.patch-secret-out-box {
  position: relative;
  margin-top: 1vw;
  margin-right: auto;
  margin-left: auto;
  width: 95%;
  max-width: var(--info-max-pix);
  left: 0;
  border: 0;
  background-color: rgba(255,255,156,1);
  border-radius: 1vw;
  padding: 1vw;
}
.patch-secret-in-box {
  position:absolute;
  top: -1vw;
  left: -0.5vw;
}
.patch-spacer {
  height: 2vw;
}

/* 横画面 */
@media (orientation: landscape){

  /* トップメニュー */
  .top-menu-out-box {
    background: #008;
    color: #fff;
    display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
    height: 2.5vw;
    position: relative;
    height: auto;
  }
  .top-menu-one-link {
    width: 100%;
    text-align: center;
    margin: auto;
  }
  .top-menu-one {
    color: #fff;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    margin: auto;
    font-size: 1.5vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    position: relative;
  }
  .top-menu-one:hover {
    color: #ff8;
  }
  .top-menu-one-now {
    padding-top: 0.7vw;
    padding-bottom: 0.7vw;
    margin: auto;
    font-size: 1.5vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;

    width: 100%;
    text-align: center;
    background: rgb(46 133 255);
    color: #fc2;
  }
  .top-menu-grayout {
    color: #888;
    margin: auto;
    font-size: 1.5vw;
    font-weight: 900;
  }
  .top-menu-newmark-story {
    position:absolute;
    left: 2.5vw;
    top: 0.2vw;
  }
  .top-menu-newmark-story-img {
    transform: rotate(-15deg);
    width: 4vw;
    
  }
  .top-menu-newmark-trial {
    position:absolute;
    left: 25.5vw;
    top: -1.0vw;
    z-index: 2;
  }

  /* カウントダウンタイマー */
  .countdown-dummy {
    display: none;
  }
  .countdown-out-box {
    position: relative;
  }
  .countdown-in-box {
    position: absolute;
    bottom: 0vw;
    z-index: 1;
  }
  .countdown-font-size {
    position:absolute;
    top: 57%;
    left: 32%;
    font-size: 1.3vw;
    transform: scale(1, 1);
  }
  .countdown-img {
    width: auto;
    height: 5.7vw;
  }
  /* 不具合情報-index */
  .patchinfo-dummy {
    display: none;
  }
  .patchinfo-out-box {
    position: relative;
  }
  .patchinfo-in-box {
    position: absolute;
    top: 1vw;
    z-index: 1;
  }
  .patchinfo-font-size {
    position:absolute;
    top: 57%;
    left: 32%;
    font-size: 0.9vw;
    transform: scale(1, 1);
  }
  .patchinfo-img {
    width: auto;
    height: 5.7vw;
  }


  /* Switch ロゴ */
  .switch-logo-out-box {
    position:relative;
  }
  .switch-logo-img{
    position: absolute;
    right: 0vw;
    width: 6vw;
    z-index: 1;
  }


  /* ボタン */
  .link-button-out-box {
    position: relative;
    height: 7vw;
  }
  .link-button-in-box {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 45vw;
  }
  /* リンクボタン 通常 */
  .link-button_norm {
    position: absolute;
    left:0;
    width: 45vw;
    opacity: 1;
  }
  .link-button_norm:hover {
    opacity: 0;
  }
  /* リンクボタン ホバー時 */
  .link-button_hover {
    position: absolute;
    left:0;
    width: 45vw;
    opacity: 0;
  }
  .link-button_hover:hover {
    opacity: 1;
  }

  /* ヘッダ ロゴ */
  .header-outbox {
    height: 58vw;
  }

  .header-right {
    position: relative;
    height: 120vw;
    width: 50%;
    display: inline-block;
    float: right;
    overflow: hidden;
  }
  .header-title-illust {
    position: absolute;
    width: 100%;
    top: 1vw;
  }
  .header-copy1 {
    position: absolute;
    width: 34vw;
    top: 1vw;
  }
  .header-copy2 {
    position: absolute;
    width: 36vw;
    top: 33vw;
  }
  .header-logo_txt2 {
    /* display: none; */
    opacity: 0;
  }
  .header-logo_txt1 {
    /* display: none; */
    opacity: 0;
  }
  .header-left-out-box {
    position:relative;
  }
  .header-left {
    width: 50%;
    display: inline-block;
    position: relative;
  }
  .header-yoyaku {
    position: absolute;
    width: 45vw;
    top: 4vw;
  }
  .header-title-logo {
    position: absolute;
    width: 39vw;
    top: 15vw;
    height: auto;
  }
  .header-switch-terop {
    position: absolute;
    width: 40vw;
    top: 40vw;
    left: 5vw;
  }
  .header-selldate {
    position: absolute;
    width: 50vw;
    top: 45vw;
  }
  .header-notice {
    position: absolute;
    width: 45vw;
    top: 52vw;
  }

  /* pv 領域 */
  .pv-out-box {
    position: relative;
    top: 2vw;
    margin-bottom: 32vw;
  }
  .pv-in-box {
    position: absolute;
    top: 2vw;
  }
  .pv-iframe {
    width: 64vw;
    height: 36vw;
    border-image-source: url(../images/big-frame_blue.png);
    border-image-slice: 100;
    border-image-width: 3.5vw;
    border-image-outset: 1.25vw;
    border-radius: 1.1vw;
  }
  .pv-onair {
    width: 13vw;
    transform: translate(11vw, -3vw);
  }

  .nintendo-store-out{
    position: relative;
    height: 9vw;
  }

  .nintendo-store-in{
    position: absolute;
  }
  .nintendo-store-image{
    height: 7vw;
  }

  /* ボタン COMMING SOON*/
  .button-out-box {
    position: relative;
    height: 7vw;
  }
  .button-in-box {
    position: absolute;
  }
  .button-img-unpub {
    width: 45vw;
    margin-top: 0vw;
    filter: brightness(0.5);
  }
  .button-commingsoon {
    font-family: "Anton SC", sans-serif, sans-serif;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(-7deg);
    font-size: 3vw;
    color: #fff;
    -webkit-text-stroke: 0.1vw #000;
  }

  .block12-out-box {
    position: relative;
    height: 81vw;
  }
  .block12-info2 {
    width: 60vw;
  }
  .block12-store-notation{
    text-align: right;
    font-size: 1vw;
  }

  /* 権利表記 */
  .notation {
    text-align: center;
    font-size: 1vw;
  }

  /* タイトル */
  .common_title-out-box{
    position:relative;
    height: 14vw;
  }
  .common_title_bg{
    position: absolute;
  }
  .common_title_bg-img{
    width: 100vw;
  }
  .common_title{
    position: absolute;
    top: 0.7vw;
  }
  .common_title-img{
    height: 10vw;
  }

  /* 新機能 */
  .new_function_out-box{
    position:relative;
  }
  /* 新機能 各項目 */
  .new_function_item{
    position:relative;
  }
  .new_function_item-img{
    height: 3.5vw;
    max-height: 50px;
  }

  /* 新機能 各項目テキスト */
  .new_function_text0{
    position:relative;
    padding-top: 0.5vw;
    padding-left: 4vw;
    font-weight: 600;
    font-size: min(1.6vw,19px);
    font-family: "Noto Sans JP", sans-serif;

  }
  .new_function_text1{
    position:relative;
    padding-top: 1.5vw;
    padding-left: 0vw;
    font-weight: 600;
    font-size: min(1.6vw,19px);
    font-family: "Noto Sans JP", sans-serif;
  }

  /* 新機能 隠し味要素 */
  .new_function_secret-img{
    height: 3vw;
  }
  .new_function_secret-out-box{
    position: relative;
    margin-top: 1vw;
    width: 95%;
    max-width: var(--new_function-max-pix);
    left: 0;
    border: 0;
    background-color: rgba(255,255,156,1);
    border-radius: 1vw;
    padding: 1vw;
  }
  .new_function_secret-in-box{
    position:absolute;
    top: -1vw;
    left: -0.5vw;
  }

  /* 新機能 セパレータ */
  .new_function_separator{
    width: 81vw
    ;max-width: var(--new_function-max-pix);
  }
  .new_function-spacer{
    position: relative;
    height: 0.5vw;
  }

  /* システム */
  .system_top-info {
    position: relative;
    height: 8vw;
    left: 50%;
    transform: translate(-50%);
    top: -1vw;
    max-height: 98px;
  }
  .system_heading {
    position: absolute;
    top: -4.5vw;
    left: -2.5vw;
    height: 8vw;
    max-height: 95px;
  }
  .system_grid-box {
    margin-top: 3vw;
    margin-bottom: 3vw;
    display: grid;
    place-items: center;
    grid-template-columns: 1vw 1fr 1vw 1fr 1vw;
    grid-template-rows: 1fr 3.5vw 1fr 3.5vw 1fr;
    grid-template-areas:
    "lm1 area11 mm1 area12 rm1"
    "lmx1 mx11 mxm1 mx12 rmx1"
    "lm2 area21 mm2 area22 rm2"
    "lmx2 mx21 mxm2 mx22 rmx2"
    "lm3 area31 mm3 area32 rm3"
  }
  .system_mov_block_one {
    position: relative;
    width: 40vw;
    height: 41vw;
    background: #C88526;
    border-right: solid #C88526 1.3vw;
    border-left:  solid #C88526 1.3vw;
    border-top:   solid #C88526 1.3vw;
    border-radius: 2vw;
    max-width: 460px;
    max-height: 515px;
  }
  .system_iframe {
    width: 40vw;
    height: 22.5vw;
    border-image-source: url(../images/big-frame_blue.png);
    border-image-slice: 100;
    border-image-width: 3.5vw;
    border-image-outset: 1.25vw;
    border-radius: 1.1vw;
    max-width: 460px;
    max-height: 259px;
  }
  .system_text {
    position: relative;
    margin: 1vw;
    top: 1vw;
    color: #fff;
    font-weight: 600;
    font-size: min(1.3vw,20px);
    font-family: "Noto Sans JP", sans-serif;
  }
  .system_main {
    position: relative;
    top: 2vw;
    height: min(180vw, 2400px);
  }

  /* キャラクタ */
  .chr_slide-out-box {
    position: relative;
    left: 14.3vw;
    width: 70vw;
  }
  .slide_img {
    width: 70vw;
  }
  .chr_button-box {
    width: 53vw;
    position: relative;
    left: 50%;
    transform: translate(-50%);
  }
  .chr_btn-list {
    position: relative;
    width: 12.5vw;
    height: 8.5vw;
  }
  .chr_btn_img {
    width: 12.5vw;
      position:absolute;
      top:0;
      left:0;
  }
  .chr_button {
    display: grid;
    place-items: center;
    grid-template-columns: 1fr 1vw 1fr 1vw 1fr 1vw 1fr;
    grid-template-rows: 1fr 1vw 1fr 1vw 1fr;
    grid-template-areas:
      "chr_btn_area01 cbm01 chr_btn_area02 cbm02 chr_btn_area03 cbm03 chr_btn_area04"
      "cbml01 cbml01a cbml02 cbml02a cbml03 cbml03a cbml04"
      "chr_btn_area05 cbm05 chr_btn_area06 cbm06 chr_btn_area07 cbm07 chr_btn_area08"
      "cbml05 cbml05a cbml06 cbml06a cbml07 cbml07a cbml08"
      "chr_btn_area09 cbm09 chr_btn_area10 cbm10 chr_btn_area11 cbm11 chr_btn_area12"
  }
  .chr_btn_scop      { grid-area: chr_btn_area01; }
  .chr_btn_urara     { grid-area: chr_btn_area02; }
  .chr_btn_gamamaru  { grid-area: chr_btn_area03; }
  .chr_btn_burikin   { grid-area: chr_btn_area04; }
  .chr_btn_molde     { grid-area: chr_btn_area05; }
  .chr_btn_don       { grid-area: chr_btn_area06; }
  .chr_btn_valtz     { grid-area: chr_btn_area07; }
  .chr_btn_wiwi      { grid-area: chr_btn_area08; }
  .chr_btn_god       { grid-area: chr_btn_area09; }
  .chr_btn_megami    { grid-area: chr_btn_area10; }
  .chr_btn_walser    { grid-area: chr_btn_area11; }

  .chr_arrow_next {
    position: absolute;
    left: 68vw;
    top: 16vw;
    width: 4vw;
    z-index: 1;
  }
  .chr_arrow_prev {
    position: absolute;
    left: -2vw;
    top: 16vw;
    width: 4vw;
    z-index: 1;
    transform: scale(-1, 1);
  }
  /* 不具合情報 */
  .patch-info-date {
    color: #00b046;
    font-size: min(1.9vw, 23px);
  }
  .patch-info-title {
    color: #262d52;
    font-size: min(1.9vw, 23px);
  }
  .patch-th {
    color: #fff;
    background: #f90;
    font-weight: 600;
    font-size: min(1.6vw,19px);
    font-family: "Noto Sans JP", sans-serif;
  }
  .patch-td {
    border: solid 0.2vw #f90;
    background: #ff8;
    font-weight: 600;
    font-size: min(1.6vw,18px);
    font-family: "Noto Sans JP", sans-serif;
    color: #4f4f4f;
  }
  .patch-text0 {
    position:relative;
    padding-top: 0.5vw;
    font-weight: 600;
    font-size: min(1.6vw,19px);
    font-family: "Noto Sans JP", sans-serif;
  }

}

/* 縦画面 */
@media (orientation: portrait){

	  /* トップメニュー */
	  .top-menu-out-box {
	    background: #008;
	    color: #fff;
	    display:grid;grid-template-columns: 1fr 1fr 1fr;
	    display:grid;grid-template-rows: 1fr 1fr;
	    height: 7vw;
	    position: relative;
	    height: auto;
	  }
	  .top-menu-one-link {
	    width: 100%;
	    text-align: center;
	    margin: auto;
	  }
	  .top-menu-one {
	    padding-top: 0.5vw;
	    padding-bottom: 0.5vw;
	    color: #fff;
	    margin: auto;
	    font-size: 3vw;
	    font-family: "Noto Sans JP", sans-serif;
	    font-optical-sizing: auto;
	    font-weight: 900;
	    font-style: normal;
	    position: relative;
	  }
	  .top-menu-one:hover {
	    color: #ff8;
	  }
	  .top-menu-one-now {
	    padding-top: 0.8vw;
	    padding-bottom: 0.8vw;
	    margin: auto;
	    font-size: 3vw;
	    font-family: "Noto Sans JP", sans-serif;
	    font-optical-sizing: auto;
	    font-weight: 900;
	    font-style: normal;

	    width: 100%;
	    text-align: center;
	    background: rgb(46 133 255);
	    color: #fc2;
	  }
	  .top-menu-grayout {
	    color: #888;
	    margin: auto;
	    font-size: 3vw;
	    font-weight: 900;
	  }
	  .top-menu-newmark-story {
	    position:absolute;
	    left:0.7vw;
	    top: 0.5vw;
	  }
	  .top-menu-newmark-story-img {
	    transform: rotate(-15deg);
	    width: 7vw;
	    
	  }
	  .top-menu-newmark-trial {
	    position:absolute;
	    left:48vw;
	    top: 0vw;
	    z-index: 2;
	  }

	  /* カウントダウンタイマー */
	  .countdown-dummy {
	    height: 15vw;
	  }
	  .countdown-out-box {
	    position: relative;
	  }
	  .countdown-in-box {
	    position: absolute;
	    bottom: 23vw;
	    z-index: 1;
	  }
	  .countdown-font-size {
	    position:absolute;
	    top: 55%;
	    left: 27%;
	    font-size: 4.5vw;
	    transform: scale(1, 1);
	  }
	  .countdown-img {
	    width: auto;
	    height: 16.5vw;
	  }
	  /* 不具合情報-index */
	  .patchinfo-dummy {
	    height: 15vw;
	  }
	  .patchinfo-out-box {
	    position: relative;
	  }
	  .patchinfo-in-box {
	    position: absolute;
	    top: 3vw;
	    z-index: 1;
	  }
	  .patchinfo-font-size {
	    position:absolute;
	    top: 55%;
	    left: 32%;
	    font-size: 2.6vw;
	    transform: scale(1, 1);
	  }
	  .patchinfo-img {
	    width: auto;
	    height: 16.5vw;
	  }

	  /* Switch ロゴ */
	  .switch-logo-out-box {
	    position:relative;
	  }
	  .switch-logo-img {
	    position: absolute;
	    right: 0vw;
	    width: 15vw;
	    top: 0;
	    z-index: 1;
	  }

	  /* リンクボタン */
	  .link-button-out-box {
	    position: relative;
	    height: 14vw;
	  }
	  .link-button-in-box {
	    position: relative;
	    left: 50%;
	    transform: translate(-50%);
	    width: 90vw;
	  }
	  /* リンクボタン 通常*/
	  .link-button_norm {
	    position: absolute;
	    left:0;
	    width: 90vw;
	    opacity: 1;
	  }
	  .link-button_norm:hover {
	    opacity: 0;
	  }
	  /* リンクボタン ホバー時*/
	  .link-button_hover {
	    position: absolute;
	    left:0;
	    width: 90vw;
	    opacity: 0;
	  }
	  .link-button_hover:hover {
	    opacity: 1;
	  }

	  /* ヘッダ ロゴ */
	  .header-outbox {
	    height: 155vw;
	  }
	  .header-right {
	    position: relative;
	    height: 120vw;
	    width: 100%;
	    max-width: 100%;
	    overflow: hidden;
	  }
	  .header-title-illust {
	    position: absolute;
	    top: 8vw;
	    width: 100%;
	  }
	  .header-copy1 {
	    /* display: none; */
	    opacity: 0;
	    position: absolute;
	    top: 0;
	  }
	  .header-copy2 {
	    /* display: none; */
	    opacity: 0;
	    position: absolute;
	    bottom: 0;
	  }
	  .header-logo_txt2 {
	    position: absolute;
	    width: 14.5vw;
	    top: 16vw;
	    left: 3vw;
	    transform: rotate(-15deg);
	  }
	  .header-logo_txt1 {
	    width: 11vw;
	    right: 5vw;
	    position: absolute;
	    top: 17vw;
	    transform: rotate(12deg);
	  }
	  .header-left-out-box {
	    position:relative;
	  }
	  .header-left {
	    width: 100%;
	    position: absolute;
	    top: -123vw;
	  }
	  .header-yoyaku {
	    position: absolute;
	    top: 7vw;
	    width: 80vw;
	  }
	  .header-title-logo {
	    position: absolute;
	    width: 76vw;
	    top: 79vw;
	    height: auto;
	  }
	  .header-switch-terop {
	    position: absolute;
	    top: 122vw;
	    width: 76vw;
	    left: 11vw;
	  }
	  .header-selldate {
	    position: absolute;
	    top: 131vw;
	  }
	  .header-notice {
	    position: absolute;
	    width: 97vw;
	    top: 144vw;
	  }
	  /* PV領域 */
	  .pv-out-box {
	    position: relative;
	    left: 1vw;
	    top: 2vw;
	    margin-bottom: 40vw;
	  }
	  .pv-in-box {
	    position: absolute;
	    top: 2vw;
	  }
	  .pv-iframe {
	    width:85vw;
	    height:48vw;
	    top: 0;
	    left: 0;
	    border-image-source: url(../images/big-frame_blue.png);
	    border-image-slice: 100;
	    border-image-width: 3.5vw;
	    border-image-outset: 1.25vw;
	  }
	  .pv-onair {
	    width: 17vw;
	    transform: translate(0vw, -4vw);
	  }

	  .nintendo-store-out{
	    position: relative;
	    height: 15vw;
	  }

	  .nintendo-store-in{
	    position: absolute;
	  }
	  .nintendo-store-image{
	    height: 13vw;
	  }

	  /* ボタン COMMING SOON*/
	  .button-out-box {
	    position: relative;
	    height: 14vw;
	  }
	  .button-in-box {
	    position: absolute;
	  }
	  .button-img-unpub {
	    width: 90vw;
	    margin-top: 0vw;
	    filter: brightness(0.5);
	  }
	  .button-commingsoon {
	    font-family: "Anton SC", sans-serif, sans-serif;
	    position: absolute;
	    top:50%;
	    left:50%;
	    transform: translate(-50%,-50%) rotate(-7deg);
	    font-size: 6vw;
	    color: #fff;
	    -webkit-text-stroke: 0.1vw #000;
	  }

	  .block12-out-box {
	    position: relative;
	    height: 121vw;
	  }
	  .block12-info2 {
	    width: 90vw;
	  }
  	  .block12-store-notation{
	    text-align: right;
	    font-size: 2vw;
	  }

	  /* 権利表記 */
	  .notation {
	    text-align: center;
	    font-size: 2vw;
	  }

	  /* タイトル */
	  .common_title-out-box{
	    position:relative;
	    height: 14vw;
	    min-height: 75px;
	  }
	  .common_title_bg{
	    position: absolute;
	  }
	  .common_title_bg-img{
	    width: 100vw;
	  }
	  .common_title{
	    position: absolute;
	    top: 0.7vw;
	  }
	  .common_title-img{
	    height: 10vw;
	    min-height: 50px;
	  }

	  /* 新機能 */
	  .new_function_out-box{
	    position:relative;
	  }
	  /* 新機能 各項目 */
	  .new_function_item{
	    position:relative;
	  }
	  .new_function_item-img{
	    height: 5.3vw;
	  }

	  /* 新機能 各項目テキスト */
	  .new_function_text0{
	    position:relative;
	    padding-top: 0.5vw;
	    padding-left: 4vw;
	    font-weight: 600;
	    font-size: 2.8vw;
	    font-family: "Noto Sans JP", sans-serif;

	  }
	  .new_function_text1{
	    position:relative;
	    padding-top: 6vw;
	    padding-left: 0vw;
	    font-weight: 600;
	    font-size: 2.8vw;
	    font-family: "Noto Sans JP", sans-serif;
	  }

	  /* 新機能 隠し味要素 */
	  .new_function_secret-img{
	    height: 6vw;
	  }
	  .new_function_secret-out-box{
	    position: relative;
	    margin-top: 1vw;
	    width: 97%;
	    max-width: var(--new_function-max-pix);
	    left: 0;
	    border: 0;
	    background-color: rgba(255,255,156,1);
	    border-radius: 1vw;
	    padding: 1vw;
	  }
	  .new_function_secret-in-box{
	    position:absolute;
	    top: -1vw;
	    left: -0.5vw;
	  }

	  /* 新機能 セパレータ */
	  .new_function_separator{
	    width: 81vw
	    ;max-width: var(--new_function-max-pix);
	  }
	  .new_function-spacer{
	    position: relative;
	    height: 0.5vw;
	  }

	  /* システム */
	  .system_top-info {
	    position: relative;
	    height: 16vw;
	    left: 50%;
	    transform: translate(-50%);
	    top: -4vw;
	  }
	  .system_heading {
	    position: absolute;
	    top: -10vw;
	    left: -3vw;
	    height: 19vw;
	  }
	  .system_grid-box {
	    display: grid;
	    place-items: center;
	    grid-template-columns: 1fr 90vw 1fr;
	    grid-template-rows: 97vw 97vw 97vw 97vw 97vw 97vw;
	    grid-template-areas:
	    "lm11 area11 rm11"
	    "lm12 area12 rm12"
	    "lm21 area21 rm21"
	    "lm22 area22 rm22"
	    "lm31 area31 rm31"
	    "lm32 area32 rm32"
	  }
	  .system_mov_block_one {
	    position: relative;
	    width: 85vw;
	    height: 85vw;
	    background: #C88526;
	    border-right: solid #C88526 1.3vw;
	    border-left:  solid #C88526 1.3vw;
	    border-top:   solid #C88526 1.3vw;
	    border-radius: 2vw;
	  }
	  .system_iframe {
	    width: 85vw;
	    height: 48vw;
	    border-image-source: url(../images/big-frame_blue.png);
	    border-image-slice: 100;
	    border-image-width: 3.5vw;
	    border-image-outset: 1.25vw;
	    border-radius: 1.1vw;
	  }
	  .system_text {
	    position: relative;
	    margin: 1.7vw;
	    top: 1vw;
	    color: #fff;
	    font-weight: 600;
	    font-size: min(3.4vw,25px);
	    font-family: "Noto Sans JP", sans-serif;
	  }
	  .system_main {
	    position: relative;
	    top: 2vw;
	    height: 637vw;
	  }

	  /* キャラクタ */
	  .chr_slide-out-box {
	    position: relative;
	    left: 6.3vw;
	    width: 86vw;
	  }
	  .slide_img {
	    width: 86vw;
	  }
	  .chr_button-box {
	    width: 86vw;
	    position: relative;
	    left: 50%;
	    transform: translate(-50%);
	  }
	  .chr_btn-list {
	    position: relative;
	    width: 28.6vw;
	    height: 20vw;
	  }
	  .chr_btn_img {
	    width: 28.6vw;
	      position:absolute;
	      top:0;
	      left:0;
	  }
	  .chr_button {
	    display: grid;
	    place-items: center;
	    grid-template-columns: 1fr 1vw 1fr 1vw 1fr;
	    grid-template-rows: 1fr 1vw 1fr 1vw 1fr 1vw 1fr;
	    grid-template-areas:
	      "chr_btn_area01 cbm01 chr_btn_area02 cbm02 chr_btn_area03"
	      "cbml01 cbml01a cbml02 cbml02a cbml03"
	      "chr_btn_area04 cbm04 chr_btn_area05 cbm05 chr_btn_area06"
	      "cbml04 cbml04a cbml05 cbml05a cbml06"
	      "chr_btn_area07 cbm07 chr_btn_area08 cbm08 chr_btn_area09"
	      "cbml07 cbml07a cbml08 cbml08a cbml09"
	      "chr_btn_area10 cbm10 chr_btn_area11 cbm11 chr_btn_area12"
	  }
	  .chr_btn_scop      { grid-area: chr_btn_area01; }
	  .chr_btn_urara     { grid-area: chr_btn_area02; }
	  .chr_btn_gamamaru  { grid-area: chr_btn_area03; }
	  .chr_btn_burikin   { grid-area: chr_btn_area04; }
	  .chr_btn_molde     { grid-area: chr_btn_area05; }
	  .chr_btn_don       { grid-area: chr_btn_area06; }
	  .chr_btn_valtz     { grid-area: chr_btn_area07; }
	  .chr_btn_wiwi      { grid-area: chr_btn_area08; }
	  .chr_btn_god       { grid-area: chr_btn_area09; }
	  .chr_btn_megami    { grid-area: chr_btn_area10; }
	  .chr_btn_walser    { grid-area: chr_btn_area11; }

	  .chr_arrow_next {
	    position: absolute;
	    left: 83vw;
	    top: 42vw;
	    width: 7vw;
	    z-index: 1;
	  }
	  .chr_arrow_prev {
	    position: absolute;
	    left: -4vw;
	    top: 42vw;
	    width: 7vw;
	    z-index: 1;
	    transform: scale(-1, 1);
	  }
	  /* 不具合情報 */
	  .patch-info-date {
	    color: #00b046;
	    font-size: 3vw;
	  }
	  .patch-info-title {
	    color: #262d52;
	    font-size: 2.8vw;
	  }
	  .patch-th {
	    color: #fff;
	    background: #f90;
	    font-weight: 600;
	    font-size: 2.8vw;
	    font-family: "Noto Sans JP", sans-serif;
	  }
	  .patch-td {
	    border: solid 0.2vw #f90;
	    background: #ff8;
	    font-weight: 600;
	    font-size: 2.8vw;
	    font-family: "Noto Sans JP", sans-serif;
	    color: #4f4f4f;
	  }
	  .patch-text0{
	    position:relative;
	    padding-top: 0.5vw;
	    font-weight: 600;
	    font-size: 2.8vw;
	    font-family: "Noto Sans JP", sans-serif;
	  }

}