@font-face {
    font-family: "Local Noto Sans JP";
    src: local("Noto Sans JP");
  }

  body {
    font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  }

  a {
    text-decoration: none;
  }

/* 全体div */
  .All-out-Box{
    width: 100%;
    overflow: hidden;
  }

/* 予約販売ストア背景 */
  .bq-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background-image: url('../images/BG_PreOrder.jpg');
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top center;
    filter: brightness(50%) blur(10px);
    animation: bg-bg-anim 5s infinite;
  }
  @keyframes bg-bg-anim {
    90%{ filter: brightness(50%) blur(10px);}
    93%{ filter: brightness(100%);}
    100%{ filter: brightness(50%) blur(10px);}
  }

  .BAROQUE_NT-image {
    position: relative;
    display: inline-block;
    background-color: #000;
  }

  .header-right{
    background: #000;
  }

  .popup-input {
    display:none;
  }

  /* ポップアップ画面全体 */
  #overlay_BOV {
      visibility: hidden;
  }
  #overlay_BSY {
      visibility: hidden;
  }
  #overlay_BSH {
      visibility: hidden;
  }
  #overlay_BMB {
      visibility: hidden;
  }
  .popup_BG{
      position: absolute;
      left: 0;
      top: 0;
      z-index: 40;
      width: 100%;
      height: 100%;
  }

  /* ポップアップ背景部分 */
  .popup-background {
      position: fixed;
      left: 0;
      top: 0;
      background: rgba(16,0,0,0.7);
      width: 100%;
      height: 100%;
      z-index: 20;
  }

  /* ウィンドウ部分 BAROQUE*/
  #window_BOV {
      padding: 10px;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: #000;
      border: solid 2px #fff;
      border-radius: 10px;
      box-shadow: 0px 0px 40px -6px rgba(255,255,255,0.8);
      z-index: 30;
      opacity: 0;
  }
  #popup_BOV:checked ~ #overlay_BOV {
      visibility: visible;
  }
  #popup_BOV:checked ~ #overlay_BOV #window_BOV {
      animation: store-popup 0.5s forwards;
  }
  /* ウィンドウ部分 BAROQUE SYNDROME*/
  #window_BSY {
      padding: 10px;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: #000;
      border: solid 2px #fff;
      border-radius: 10px;
      box-shadow: 0px 0px 40px -6px rgba(255,255,255,0.8);
      z-index: 30;
      opacity: 0;
  }
  #popup_BSY:checked ~ #overlay_BSY {
      visibility: visible;
  }
  #popup_BSY:checked ~ #overlay_BSY #window_BSY {
      animation: store-popup 0.5s forwards;
  }
  /* ウィンドウ部分 BAROQUE SHOOTING*/
  #window_BSH {
      padding: 10px;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: #000;
      border: solid 2px #fff;
      border-radius: 10px;
      box-shadow: 0px 0px 40px -6px rgba(255,255,255,0.8);
      z-index: 30;
      opacity: 0;
  }
  #popup_BSH:checked ~ #overlay_BSH {
      visibility: visible;
  }
  #popup_BSH:checked ~ #overlay_BSH #window_BSH {
      animation: store-popup 0.5s forwards;
  }
  /* ウィンドウ部分 BAROQUE Become a Meta-Bing*/
  #window_BMB {
      padding: 10px;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: #000;
      border: solid 2px #fff;
      border-radius: 10px;
      box-shadow: 0px 0px 40px -6px rgba(255,255,255,0.8);
      z-index: 30;
      opacity: 0;
  }
  #popup_BMB:checked ~ #overlay_BMB {
      visibility: visible;
  }
  #popup_BMB:checked ~ #overlay_BMB #window_BMB {
      animation: store-popup 0.3s forwards;
  }

  /* ポップアップ用キーフレーム */
  @keyframes store-popup {
       0% { opacity: 0.1;transform: translate(-50%,-100%) scaleY(0.1);filter: blur(10px); }
       5% { opacity: 0.8;transform: translate(-50%,-90%) scaleY(0.2) scaleX(2);filter: brightness(400%) blur(6px); }
      25% { opacity: 0.9;transform: translate(-50%,-50%) scaleY(0.5) scaleX(1); }
      30% { brightness(200%) blur(5px);}
      50% { brightness(10%) }
      70% { brightness(100%) }
      95% { opacity: 1;transform: translate(-50%,-49%) scaleY(1);filter: brightness(80%) blur(2px);}
      97% { opacity: 1;transform: translate(-50%,-49%) scaleY(1);filter: brightness(110%);}
      99% { opacity: 1;transform: translate(-50%,-51%) }
     100% { opacity: 1; }
  }

/* 横画面 */
	@media (orientation: landscape){
	  .Title-Box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 15vw 1fr 1fr 15vw;
	    grid-template-rows: 6vw auto auto auto auto 5vw 1.5vw;
	    height: 100%
	    
	  }
	  .Head-Box{
	    display: grid;
	    grid-template-columns: 50% 50%;
	    grid-template-rows: 80vw;
	    overflow: hidden;
	  }
	  .title_title{grid-area: 1 / 1 / 1 / 5;}
	  .bov_title{ grid-area: 2 / 2 / 2 / 5;place-content: center center;}
	  .bsy_title{grid-area: 3 / 1 / 3 / 4;place-content: center center;}
	  .bsh_title{grid-area: 4 / 2 / 4 / 5;place-content: center center;}
	  .bmb_title{grid-area: 5 / 1 / 5 / 4;place-content: center center;}
	  .title_notice{grid-area: 6 / 1 / 6 / 5;place-content: center center;position:relative;}

	  .bov_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .bsy_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .bsh_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .bmb_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .store_switch_button{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	    color: #fff;
	    text-align: center;
	    border-radius: 0.3vw;
	    height: 7vw;
	    line-height: 7vw;
	    font-size: 2vw;
	    margin: auto;
	  }
	  .store_steam_button{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	    color: #fff;
	    text-align: center;
	    border-radius: 0.3vw;
	    height: 7vw;
	    line-height: 7vw;
	    font-size: 2vw;
	    margin: auto;
	  }


	  /* 各タイトル注釈 */
	  .bov-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 1vw;
	    bottom: 4vw;
	    font-size: 1vw;
	  }
	  .bsy-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 1vw;
	    bottom: 4vw;
	    font-size: 1vw;
	  }
	  .bsh-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 1vw;
	    bottom: 2vw;
	    font-size: 1vw;
	  }
	  .bmb-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 1vw;
	    bottom: 2vw;
	    font-size: 1vw;
	  }
	  .title-noticeText{
	    position: absolute;
	    top: 0;
	    color: #fff;
	    text-align: left;
	    font-size: 1vw;
	  }

	  .Title-out-box{
	    position:absolute;
	    top:4vw;
	  }
	  .Title-Logo-box{
	    position: relative;
	    top: 50vw;
	    text-align:center;
	  }
	  .Title-Logo-img{
	    width: 47vw;
	  }
	  .Title-Date-box{
	    position: relative;
	    top: 49vw;
	    text-align: center;
	  }
	  .Title-Date-img{
	    width: 30vw;
	  }
	  .Title-SwPac-box{
	    position: relative;
	    top: 49vw;
	    text-align: center;
	  }
	  .Title-SwPac-img{
	    width: 35vw;
	  }

	  .title-bg {
	    position: absolute;
	    z-index: -1;
	  }
	  .pre-order-store{
	    background: #800;
	    color: #fff;
	    text-align: center;
	    font-size: 2.5vw;
	    position: relative;
	    padding: 1vw;
	  }

	  .pre-order-store-block {
	    display: grid;
	    grid-template-columns: 1vw 1fr 1vw 1fr 1vw 1fr 1vw;
	    grid-template-rows:    1vw auto 1vw auto 1vw 1fr 1vw;
	  }

	  .pre-order-store_01 {grid-area: 2 / 2 / 3 / 3;place-content: center center;}
	  .pre-order-store_02 {grid-area: 2 / 4 / 3 / 5;place-content: center center;}
	  .pre-order-store_03 {grid-area: 2 / 6 / 3 / 7;place-content: center center;}

	  .pre-order-store_04 {grid-area: 4 / 2 / 5 / 3;place-content: center center;}
	  .pre-order-store_05 {grid-area: 4 / 4 / 5 / 5;place-content: center center;}
	  .pre-order-store_06 {grid-area: 4 / 6 / 5 / 7;place-content: center center;}

	  .pre-order-store_07 {grid-area: 6 / 2 / 7 / 3;place-content: center center;}
	  .pre-order-store_08 {grid-area: 6 / 4 / 7 / 5;place-content: center center;}
	  .pre-order-store_09 {grid-area: 6 / 6 / 7 / 7;place-content: center center;}

	/* 予約販売ストア */
	  .pre-order-storeText{
	    font-size: 4vw;
	    font-weight: 600;
	  }
	  .pre-order-notice{
	    background: #400;
	    color: #fff;
	    text-align: left;
	    font-size: 1vw;
	    border-left: solid 3px #fff;
	    padding: 0.5vw;
	  }
	  .pre-order-out-box{
	    border: 3px solid rgba(255,255,255,0.4);
	    padding: 2vw;
	    border-radius: 1.2vw;
	    backdrop-filter: brightness(0.95);
	    background: rgba(255,255,255,0.2);
	  }
	  .pre-order-in-box{
	    margin: auto;
	    text-align: center;
	    background: #666;
	    padding: 1vw;
	    border-radius: 0.5vw;
	  }
	  .pre-order-img {
	    width: 20vw;
	  }
	  .pre-order-storeName {
	    background: #333;
	    margin: 1vw;
	    text-align: center;
	    font-weight: 600;
	    padding: 0.2vw;
	  }
	  .pre-order-storeNameText {
	    font-size: 2vw;
	    color: #ff8;
	  }
	  .pre-order-bonus{
	      background: #333;
	      margin: 0.5vw;
	      text-align: left;
	      padding-left: 0.5vw;
	  }
	  .pre-order-bonusText{
	      font-size: 1.3vw;
	      color: #fff;
	  }
	  .pre-order-bonus_blank{
	      background: #666;
	      margin: 0.5vw;
	      text-align: left;
	      padding-left: 0.5vw;
	  }
	  .pre-order-bonusText_blank{
	      font-size: 1.3vw;
	      color: #000;
	  }

	  .pre-order-plate{
	  }
	  .pre-order-plate:hover {
	    animation: pre-order-plate4-anim 0.3s forwards;
	    -webkit-animation: pre-order-plate-anim 0.3s forwards;
	  }
	  @keyframes pre-order-plate-anim{
	    10%{
	      transform: scale(1.05);
	      opacity:0.5;
	      filter: brightness(300%) blur(7px);
	      box-shadow: 0 0 10px 10px rgba(255,255,255,0.5);
	    }
	    100%{
	      transform: scale(0.98);
	      opacity:1;
	      box-shadow: 0 0 5px 10px rgba(0,255,0,0.5);
	    }
	  }


	  .paid-bonus-box{
	    margin: 0;
	    text-align: left;
	  }
	  .paid-bonusText{
	    border: solid 1px #ffa;
	    border-radius: 0.5vw;
	    color: #ffa;
	    background: #000;
	    margin: 0.5vw;
	    padding-left: 0.2vw;
	    font-size: 1.2vw;
	  }
	  .paid-bonusName{
	    color: #fff;
	    font-weight: 700;
	    font-size: 1.2vw;
	  }


	  .footer{
	    text-align: center;
	    background: #000;
	    color: #fff;
	    font-size: 1.2vw;
	  }
	  .fade-black{
	    display:block;
	    mask-image:linear-gradient(to right, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.2) 95%, rgba(0,0,0,0) 99%);
	    mask-repeat: no-repeat;
	    mask-size: cover;
	  }
	  /* STINGロゴボタン */
	  .sting-button-box {
	    position: relative;
	  }
	  .sting-button-img {
	    z-index: 2;
	    opacity: 0;
	    position: fixed;
	    right: 1vw;
	    width: 5vw;
	    max-width: 110px;
	    top: 0vw;
	  }
	  .top-button-box {
	    position: relative;
	    height: 12vw;
	  }
	  .top-button-img {
	    z-index: -1;
	    opacity: 0;
	    position: fixed;
	    right: 1vw;
	    width: 5vw;
	    max-width: 110px;
	    bottom: 4vw;
	  }
	  /* CERO C */
	  .CERO-C-box{
	    position: absolute;
	    top: 0;
	    width:100%;
	    z-index: 3;
	  }
	  .CERO-C-img{
	    position: absolute;
	    right: 50vw;
	    width: 5vw;
	    max-width: 110px;
	  }
	  /* Nintendo Switch */
	  .switch-logo-img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 5vw;
	    max-width: 110px;
	    z-index: 3;
	  }
	  .switch-logo{
	    position: absolute;
	    top:0;
	  }
	  .steam-logo-img {
	    position: absolute;
	    top: 0;
	    left: 5vw;
	    width: 5vw;
	    max-width: 110px;
	    z-index: 3;
	  }
	  .popup-in-box{
	    display:grid;
	    grid-template-columns: 50% 50%;
	  }
	  .popup-in-img-box{
	  text-align: center;
	  }
	  .popup-in-img{
	    height: 100%;
	    width: 100%;
	    object-fit: contain;
	  }
	  .popup-storebutton-box{
	    width: 100%;
	    display: grid;
	    grid-template-rows: auto 8vw 8vw;
	    align-content: end;
	  }
	  /* BAROQUE はSteamが無いので個別設定*/
	  .popup-storebutton-box_BOV{
	    width: 100%;
	    display: grid;
	    grid-template-rows: auto 8vw;
	    align-content: end;
	  }
	  .popup-store-switch-box{
	    margin: auto;
	    height: 80%;
	    width: 90%;
	  }
	  .popup-store-switch-img{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	  }
	  .popup-store-steam-box{
	    margin: auto;
	    height: 80%;
	    width: 90%;
	  }
	  .popup-store-steam-img{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	  }
	  .popup-window{
	    width: 50vw;
	    height: fit-content;
	  }
	  .title-infotext{
	    color: #fff;
	    margin-bottom: 1vw;
	    border-bottom: 1px solid #fff;
	    padding-bottom: 1vw;
	    margin-right: 3vw;
	    margin-left: 1vw;
	    font-size: 1.1vw;
	  }
	  /* 閉じるボタン */
	  .popup-close_button {
	      position: absolute;
	      top: 1vw;
	      right: 1vw;
	      width: 2vw;
	      height: 2vw;
	      display: flex;
	      justify-content: center;
	      align-items: center;
	      background-color: #888;
	      border-radius: 0.5vw;
	      z-index: 35;
	      cursor: pointer;
	  }
	  .popup-close_button:hover {
	      background-color: #f00;
	  }
	  .popup-close_button span,
	  .popup-close_button span::before {
	      display: block;
	      height: 0.2vw;
	      width: 1.5vw;
	      border-radius: 1.5vw;
	      background: #fff;
	  }
	  .popup-close_button span {
	      transform: rotate(45deg);
	  }
	  .popup-close_button span::before {
	      content: "";
	      position: absolute;
	      bottom: 0;
	      transform: rotate(-90deg);
	  }


	}
/* 横画面 ここまで*/

/* 縦画面 */
	@media (orientation: portrait){
	  .Head-Box{
	    display: grid;
	    grid-template-columns: auto;
	    grid-template-rows: 163vw 173vw;
	    overflow: hidden;
	  }

	  .Title-out-box{
	    position:absolute;
	    top:55vw;
	  }
	  .Title-Logo-box{
	    position: relative;
	    top: 50vw;
	    text-align:center;
	  }
	  .Title-Logo-img{
	    width: 98vw;
	  }
	  .Title-Date-box{
	    position: relative;
	    top: 49vw;
	    text-align: center;
	  }
	  .Title-Date-img{
	    width: 70vw;
	  }
	  .Title-SwPac-box{
	    position: relative;
	    top: 49vw;
	    text-align: center;
	  }
	  .Title-SwPac-img{
	    width: 70vw;
	  }

	  .Title-Box{
	    position: relative;
	    height: 160vw;
	    display: grid;
	    grid-template-rows: 11vw auto auto auto auto 15vw;
	    grid-template-columns: 9vw auto 9vw;
	  }
	  .title_title{grid-area: 1 / 2 / 1 / 3;}
	  .bov_title{grid-area: 2 / 2 / 2 / 3;place-content: center center;}
	  .bsy_title{grid-area: 3 / 2 / 3 / 3;place-content: center center;}
	  .bsh_title{grid-area: 4 / 2 / 4 / 3;place-content: center center;}
	  .bmb_title{grid-area: 5 / 2 / 5 / 3;place-content: center center;}
	  .title_notice{grid-area: 6 / 2 / 6 / 3;place-content: center center;position:relative;}

	  .title-bg {
	    position: absolute;
	    z-index: -1;
	    background: #000;
	    height: 173vw;
	  }

	  .bov_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .bsy_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .bsh_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .bmb_store_box{
	    position: relative;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	  }
	  .store_switch_button{
	    width: 100%;
	    color: #fff;
	    text-align: center;
	    height: 18vw;
	    line-height: 18vw;
	    font-size: 10vw;
	    margin: auto;
	  }
	  .store_steam_button{
	    width: 100%;
	    color: #fff;
	    text-align: center;
	    height: 18vw;
	    line-height: 18vw;
	    font-size: 10vw;
	    margin: auto;
	  }

	  /* 各タイトル注釈 */
	  .bov-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 4vw;
	    bottom: 7vw;
	    font-size: 2vw;
	  }
	  .bsy-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 4vw;
	    bottom: 2vw;
	    font-size: 2vw;
	  }
	  .bsh-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 4vw;
	    bottom: 0vw;
	    font-size: 2vw;
	  }
	  .bmb-noticeText{
	    position: absolute;
	    color: #fff;
	    right: 4vw;
	    bottom: 0.5vw;
	    font-size: 2vw;
	  }
	  .title-noticeText{
	    position: absolute;
	    top: 0;
	    color: #fff;
	    text-align: left;
	    font-size: 1.5vw;
	  }

	  .pre-order-store{
	     background: #800;
	     color: #fff;
	     text-align: center;
	     position: relative;
	     top: -1vw;
	     padding: 1vw;
	   }

	  .pre-order-store-block {
	    display: grid;
	    grid-template-columns: auto 82vw auto;
	    grid-template-rows:    1vw auto 1vw auto 1vw auto 1vw auto 1vw auto 1vw auto 1vw 1fr 1vw 1fr 1vw 1fr 1vw ;
	  }

	  .pre-order-store_01 {grid-area: 2 / 2 / 3 / 3;place-content: center center;}
	  .pre-order-store_02 {grid-area: 4 / 2 / 5 / 3;place-content: center center;}
	  .pre-order-store_03 {grid-area: 6 / 2 / 7 / 3;place-content: center center;}

	  .pre-order-store_04 {grid-area: 8  / 2 / 9  / 3;place-content: center center;}
	  .pre-order-store_05 {grid-area: 10 / 2 / 11 / 3;place-content: center center;}
	  .pre-order-store_06 {grid-area: 12 / 2 / 13 / 3;place-content: center center;}

	  .pre-order-store_07 {grid-area: 14 / 2 / 15 / 3;place-content: center center;}
	  .pre-order-store_08 {grid-area: 16 / 2 / 17 / 3;place-content: center center;}
	  .pre-order-store_09 {grid-area: 18 / 2 / 19 / 3;place-content: center center;}

	/* 予約販売ストア */
	  .pre-order-storeText{
	    font-size: 5vw;
	    font-weight: 600;
	  }
	  .pre-order-notice{
	    background: #400;
	    color: #fff;
	    text-align: left;
	    font-size: 2vw;
	    border-left: solid 3px #fff;
	    padding: 1vw;
	  }
	  .pre-order-out-box{
	    border: 3px solid rgba(255,255,255,0.4);
	    padding: 2vw;
	    border-radius: 1.2vw;
	    backdrop-filter: brightness(0.95);
	    background: rgba(255,255,255,0.2);
	  }
	  .pre-order-in-box{
	    margin: auto;
	    text-align: center;
	    background: #666;
	    padding: 3vw;
	    border-radius: 0.5vw;
	  }
	  .pre-order-img {
	    width: 60vw;
	  }
	  .pre-order-storeName {
	    background: #333;
	    margin: 1vw;
	    text-align: center;
	    font-weight: 600;
	    padding: 0.2vw;
	  }
	  .pre-order-storeNameText {
	    font-size: 4vw;
	    color: #ff8;
	  }
	  .pre-order-bonus{
	      background: #333;
	      margin: 0.5vw;
	      text-align: left;
	      padding-left: 1vw;
	  }
	  .pre-order-bonusText{
	      font-size: 4vw;
	      color: #fff;
	  }

	  .pre-order-bonus_blank{
	      background: #666;
	      margin: 0.5vw;
	      text-align: left;
	      padding-left: 0.5vw;
	  }
	  .pre-order-bonusText_blank{
	      font-size: 4vw;
	      color: #000;
	  }

	  .pre-order-plate{
	  }
	  .pre-order-plate:hover {
	    animation: pre-order-plate4-anim 0.3s forwards;
	    -webkit-animation: pre-order-plate-anim 0.3s forwards;
	  }
	  @keyframes pre-order-plate-anim{
	    10%{
	      transform: scale(1.05);
	      opacity:0.5;
	      filter: brightness(300%) blur(7px);
	      box-shadow: 0 0 10px 10px rgba(255,255,255,0.5);
	    }
	    100%{
	      transform: scale(0.98);
	      opacity:1;
	      box-shadow: 0 0 5px 10px rgba(0,255,0,0.5);
	    }
	  }

	  .paid-bonus-box{
	    margin: 0;
	    text-align: left;
	  }
	  .paid-bonusText{
	    border: solid 1px #ffa;
	    border-radius: 1vw;
	    color: #ffa;
	    background: #000;
	    margin: 0.5vw;
	    padding-left: 0.4vw;
	    font-size: 3.7vw;
	  }
	  .paid-bonusName{
	    color: #fff;
	    font-weight: 700;
	    font-size: 3.7vw;
	  }

	  .footer{
	    text-align: center;
	    background: #000;
	    color: #fff;
	    font-size: 3vw;
	  }

	  .fade-black{
	  }


	  /* STINGロゴボタン */
	    .sting-button-box {
	      position: relative;
	    }
	    .sting-button-img {
	      z-index: 2;
	      opacity: 0;
	      position: fixed;
	      right: 1vw;
	      width: 11vw;
	      max-width: 110px;
	      top: 0vw;
	    }
	  .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: 4vw;
	  }

	  /* CERO C */
	  .CERO-C-box{
	    position: absolute;
	    top: 0;
	    width:100%;
	    z-index: 3;
	  }
	  .CERO-C-img{
	    position: absolute;
	    right: 0vw;
	    width: 11vw;
	    max-width: 110px;
	  }
	  /* Nintendo Switch */
	  .switch-logo-img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 11vw;
	    max-width: 110px;
	    z-index: 3;
	  }
	  .steam-logo-img {
	    position: absolute;
	    top: 0;
	    left: 11vw;
	    width: 11vw;
	    max-width: 110px;
	    z-index: 3;
	  }
	  .switch-logo{
	    position: absolute;
	    top:0;
	  }
	  .popup-in-box{
	    display:grid;
	    grid-template-rows: auto auto;
	  }
	  .popup-in-img-box{
	  text-align: center;
	  }
	  .popup-in-img{
	    height: 100%;
	    max-height: 40vh;
	    width: 100%;
	    object-fit: contain;
	  }
	  /* BAROQUE はSteamが無いので個別設定*/
	  .popup-storebutton-box_BOV{
	    width: 100%;
	    height: fit-content;
	    display: grid;
	    grid-template-rows: auto 20vw;
	    align-content: end;
	  }
	  .popup-storebutton-box{
	    width: 100%;
	    height: fit-content;
	    display: grid;
	    grid-template-rows: auto 20vw 20vw;
	    align-content: end;
	  }
	  .popup-store-switch-box{
	    margin: auto;
	    height: 80%;
	    width: 90%;
	  }
	  .popup-store-switch-img{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	  }
	  .popup-store-steam-box{
	    margin: auto;
	    height: 80%;
	    width: 90%;
	  }
	  .popup-store-steam-img{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	  }

	  .popup-window{
	    width: 70vw;
	    max-height: 95vh;
	    height: fit-content;
	  }
	  .title-infotext{
	    color: #fff;
	    margin-bottom: 1vw;
	    border-bottom: 1px solid #fff;
	    padding-bottom: 1vw;
	    margin-right: 1vw;
	    margin-left: 1vw;
	    font-size: 3vw;
	  }
	  /* 閉じるボタン */
	  .popup-close_button {
	      position: absolute;
	      top: 1vw;
	      right: 1vw;
	      width: 4vw;
	      height: 4vw;
	      display: flex;
	      justify-content: center;
	      align-items: center;
	      background-color: #888;
	      border-radius: 1vw;
	      z-index: 35;
	      cursor: pointer;
	  }
	  .popup-close_button:hover {
	      background-color: #f00;
	  }
	  .popup-close_button span,
	  .popup-close_button span::before {
	      display: block;
	      height: 0.2vw;
	      width: 3vw;
	      border-radius: 3vw;
	      background: #fff;
	  }
	  .popup-close_button span {
	      transform: rotate(45deg);
	  }
	  .popup-close_button span::before {
	      content: "";
	      position: absolute;
	      bottom: 0;
	      transform: rotate(-90deg);
	  }


	}
/* 縦画面 ここまで*/