@charset "UTF-8";
html, body {
  width: 100vw;
  overflow-x: hidden;
}

#loading {
  position: fixed;
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
  background-image: rgb(31, 201, 71);
  background-color: border-box;
  background-clip: cover;
  background-size: none;
  background-repeat: repeat;
  background-position: center center;
  z-index: 56;
  opacity: 1;
}

.hide {
  opacity: 0;
  visibility: hidden;
}

#SSscreen {
  display: none;
  box-sizing: border-box;
  position: fixed;
  background-image: rgba(0, 0, 0, 0.7);
  background-color: border-box;
  background-clip: cover;
  background-size: none;
  background-repeat: repeat;
  background-position: center auto;
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
}
#SSscreen .ParentFlexBox16 {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
}
#SSscreen .ParentFlexBox16 .SSsize {
  width: 70%;
  max-width: none;
  min-width: none;
}
@media screen and (max-width: 480px) {
  #SSscreen .ParentFlexBox16 .SSsize {
    width: 95%;
    max-width: none;
    min-width: none;
  }
}
#SSscreen .ParentFlexBox16 .closebutton {
  position: absolute;
  right: 8%;
  height: auto;
  max-height: none;
  min-height: 10px;
}
@media screen and (max-width: 480px) {
  #SSscreen .ParentFlexBox16 .closebutton {
    right: 8%;
    top: 20%;
    height: auto;
    max-height: 50px;
    min-height: 25px;
  }
}

.AbsoluteMenu {
  position: fixed;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.3);
  background-clip: border-box;
  background-size: cover;
  background-repeat: repeat;
  background-position: top left;
  top: 0px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-around;
  width: 100vw;
  max-width: none;
  min-width: none;
  overflow: hidden;
  padding: 0 0 15px 0;
}
@media screen and (max-width: 480px) {
  .AbsoluteMenu {
    padding: 0 0 5px 0;
  }
}
.AbsoluteMenu .MenuButton {
  display: flex;
  box-sizing: border-box;
  width: 13vw;
  max-width: auto;
  min-width: auto;
  margin: -1.5vw 0 0 0;
  transition: all 0.2s;
  animation-name: isnonHover;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 480px) {
  .AbsoluteMenu .MenuButton {
    width: 16vw;
    max-width: auto;
    min-width: auto;
  }
}
.AbsoluteMenu .MenuButton:hover {
  animation-name: isHover;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes isHover {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(15%);
  }
}
@keyframes isnonHover {
  0% {
    transform: translateY(15%);
  }
  100% {
    transform: translateY(0%);
  }
}

#displayOpen {
  animation-name: OpenWindow;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  display: flex;
  box-sizing: border-box;
}

@keyframes OpenWindow {
  0% {
    margin-top: -10%;
    display: none;
    box-sizing: border-box;
  }
  100% {
    margin-top: 0%;
    display: flex;
    box-sizing: border-box;
  }
}
#displayClose {
  animation-name: CloseWindow;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes CloseWindow {
  0% {
    margin-top: 0%;
    display: flex;
    box-sizing: border-box;
  }
  100% {
    margin-top: -10%;
    display: none;
    box-sizing: border-box;
  }
}
.Absolute_BuyMenu {
  position: fixed;
  display: flex;
  box-sizing: border-box;
  top: 0px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: border-box;
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  height: 100vh;
  max-height: none;
  min-height: none;
  width: 100vw;
  max-width: none;
  min-width: none;
  justify-content: center;
  align-items: center;
  animation-name: OpenBuyWindow;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
@keyframes OpenBuyWindow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Absolute_BuyMenu .Buttonarea {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  height: auto;
  max-height: auto;
  min-height: auto;
  justify-content: center;
  align-items: center;
}
.Absolute_BuyMenu .Buttonarea .CloseButton {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 10vw;
  max-width: 50px;
  min-width: none;
  margin: -50px auto 0 auto;
  top: 0;
  right: 5%;
  z-index: 11;
  transition: all 0.2s;
}
.Absolute_BuyMenu .Buttonarea .CloseButton:hover {
  transform: scale(0.8);
  opacity: 0.7;
}
.Absolute_BuyMenu .Buttonarea .platformButton {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: none;
  background-color: rgb(71, 144, 222);
  background-clip: border-box;
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  flex-direction: column;
  border-style: solid;
  border-radius: 10px;
  border-width: 4px;
  border-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 0px;
  width: 40vw;
  max-width: 200px;
  min-width: 150px;
  aspect-ratio: 1.5/1;
  justify-content: center;
  align-items: center;
  margin: 10px 10px 10px 10px;
  transition: all 0.2s;
}
.Absolute_BuyMenu .Buttonarea .platformButton .PlatforLogo {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 80%;
  max-width: none;
  min-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 2px 0 2px 0;
}
.Absolute_BuyMenu .Buttonarea .platformButton:hover {
  transform: scale(0.9);
}
.Absolute_BuyMenu .Buttonarea .platformButton_noActive {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: none;
  background-color: rgba(150, 150, 150, 0.5);
  background-clip: border-box;
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  flex-direction: column;
  border-style: solid;
  border-radius: 10px;
  border-width: 4px;
  border-color: rgb(200, 200, 200);
  box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 0px;
  width: 40vw;
  max-width: 200px;
  min-width: 150px;
  aspect-ratio: 1.5/1;
  justify-content: center;
  align-items: center;
  margin: 10px 10px 10px 10px;
}
.Absolute_BuyMenu .Buttonarea .platformButton_noActive .PlatforLogo {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 80%;
  max-width: none;
  min-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 2px 0 2px 0;
  filter: grayscale(100%);
}

.TOP_Header_area {
  position: absolute;
  display: inline-flex;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  top: 0px;
  /** マスクレイヤーにグラデーションを指定 */
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  width: 100vw;
  max-width: auto;
  min-width: auto;
  height: 100px;
  max-height: 140px;
  min-height: auto;
}
.TOP_Header_area .Top_Platform_Group {
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
}
.TOP_Header_area .Top_Platform_Group .TOP_Platform_Logo {
  height: 3vw;
  max-height: 50px;
  min-height: 25px;
  margin: 20px 2% 20px 2%;
}
.TOP_Header_area .Top_ChangeLang_Group {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  justify-content: flex-end;
  margin: 0 2vw 0 0;
  overflow: hidden;
}
.TOP_Header_area .Top_ChangeLang_Group .Top_ChangeLangIcon {
  height: 3vw;
  max-height: 50px;
  min-height: 25px;
  margin: 20px 1% 20px 1%;
}

.TOP_BG {
  position: relative;
  background-image: url(../IMG/MV_BG.webp);
  background-color: rgb(255, 221, 69);
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left auto;
  display: flex;
  box-sizing: border-box;
  width: 100vw;
  max-width: auto;
  min-width: 800px;
  height: calc(52vw + 10px);
  max-height: 950px;
  min-height: 480px;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .TOP_BG {
    display: flex;
    box-sizing: border-box;
    height: 135vw;
    max-height: auto;
    min-height: 500px;
    width: 100vw;
    max-width: auto;
    min-width: auto;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    max-height: auto;
    min-height: auto;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden {
  position: relative;
  width: 100%;
  max-width: 2000px;
  min-width: auto;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  overflow-y: hidden;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden {
    align-items: flex-start;
    overflow-y: visible;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden .TOP_MV_Prop_Char {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  min-width: 800px;
  top: 50px;
  transform: translate(-12%, 0);
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden .TOP_MV_Prop_Char {
    display: none;
    box-sizing: border-box;
    transform: translate(0%, 0);
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden .roteAnim_A {
  animation-name: rote;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
}
@keyframes rote {
  0% {
    transform: rotate(0deg) translateX(-12%);
  }
  50% {
    transform: rotate(10deg) translateX(-12%);
  }
  100% {
    transform: rotate(0deg) translateX(-12%);
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden .roteAnim_B {
  animation-name: roteB;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
}
@keyframes roteB {
  0% {
    transform: rotate(0deg) translateX(-12%);
  }
  50% {
    transform: rotate(5deg) translateX(-12%);
  }
  100% {
    transform: rotate(0deg) translateX(-12%);
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden .TOP_MV_Prop_Char_sp {
  display: none;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Overflow_hidden .TOP_MV_Prop_Char_sp {
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: 100vw;
    max-height: auto;
    min-height: 400px;
    margin: 30px 0 -120px 0;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .BJ_Logo {
  position: absolute;
  width: 40vw;
  max-width: 800px;
  min-width: 300px;
  right: 8%;
  top: 50px;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .BJ_Logo {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 75%;
    max-width: 500px;
    min-width: 300px;
    right: 0%;
    top: 0px;
    transform: translate(0, 0%);
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 0 -60px 0;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 100vw;
  max-width: 1920px;
  min-width: 800px;
  height: 100%;
  max-height: auto;
  min-height: auto;
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100vw;
    max-width: auto;
    min-width: auto;
    height: 100%;
    max-height: auto;
    min-height: auto;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
  min-width: 800px;
  flex-direction: column;
  margin: calc(30% + 100px) 0 0 0;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox {
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: auto;
    max-height: auto;
    min-height: auto;
    width: 100%;
    max-width: auto;
    min-width: auto;
    margin: 2% 0 0 0;
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .CatchCopy {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 130%;
  max-width: auto;
  min-width: auto;
  margin: -2% 0 0 -8%;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .CatchCopy {
    display: flex;
    box-sizing: border-box;
    width: 180%;
    max-width: auto;
    min-width: 600px;
    margin: 0 0 0 0;
    transform: translate(-9%, 0);
  }
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .TOP_MenuBox {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
  justify-content: flex-end;
  align-items: flex-start;
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .TOP_MenuBox .ButtonBox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 50%;
  max-height: none;
  min-height: 400px;
  width: 30%;
  max-width: 500px;
  min-width: 200px;
  flex-direction: column;
  align-items: center;
  margin: -13% 40px 5px 0;
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .TOP_MenuBox .ButtonBox .MenuBG {
  position: absolute;
  width: 90%;
  max-width: auto;
  min-width: auto;
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .TOP_MenuBox .ButtonBox .ButtonGroup {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: column;
  padding: 30% 20px 0 0;
}
.TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .TOP_MenuBox .ButtonBox .ButtonGroup .Button {
  width: 85%;
  max-width: none;
  min-width: none;
  margin: -10px 15px -10px 40px;
  padding: 2px 0 2px 0;
}
@media screen and (max-width: 480px) {
  .TOP_BG .FlexBox_IMG_AbsoluteGroup .Top_Front .ChatchCopyBox .TOP_MenuBox {
    display: none;
    box-sizing: border-box;
  }
}

.TOP_MenuBox_sp {
  position: relative;
  display: none;
  box-sizing: border-box;
  background-image: url(../IMG/SelectBG_sp.webp);
  background-color: rgb(255, 255, 255);
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  box-shadow: rgba(0, 0, 0, 0.2) 0 10px 5px;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .TOP_MenuBox_sp {
    display: flex;
    box-sizing: border-box;
  }
}
.TOP_MenuBox_sp .Heading_Menu_sp {
  margin: calc(30px + 5vw) 0 20px 0;
}
.TOP_MenuBox_sp .ButtonGroup {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.TOP_MenuBox_sp .ButtonGroup .Button {
  width: 80%;
  max-width: none;
  min-width: 300px;
  margin: -30px 0 15px 0;
}

.Button {
  transition: all 0.2s;
}

.Button:hover {
  transform: scale(0.85);
}

.BaseInfoBG {
  display: flex;
  box-sizing: border-box;
  background-image: url(../IMG/BaseInfoBG.webp);
  background-color: none;
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100vw;
  max-width: none;
  min-width: none;
  flex-direction: column;
  align-items: center;
}
.BaseInfoBG .FlexBox_Upper {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: none;
  height: auto;
  max-height: auto;
  min-height: auto;
  justify-content: center;
  margin: 15% 0 0 0;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: auto;
  width: auto;
  max-width: none;
  min-width: none;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 3% 0 0;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup .Info_BuyButton {
  position: relative;
  width: 50%;
  max-width: 900px;
  min-width: 300px;
  margin: 0 0 25px 0;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup .Info_BuyButton .IMG_Info {
  position: relative;
  width: 100%;
  max-width: auto;
  min-width: auto;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup .Info_BuyButton .IMG_BuyButton {
  position: absolute;
  height: 100%;
  max-height: 300px;
  min-height: 100px;
  right: -8%;
  margin: 6% 0 0 0;
  transition: all 0.2s;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup .Info_BuyButton .IMG_BuyButton:hover {
  scale: 0.9;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup .PV {
  position: relative;
  width: 30%;
  max-width: 480px;
  min-width: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 0 0 3%;
  transition: all 0.1s;
  align-self: flex-start;
}
.BaseInfoBG .FlexBox_Upper .FlexBox_InfoGroup .PV:hover {
  scale: 0.9;
}

.FlexBox_Terms {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 90%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  justify-content: center;
  margin: 50px 0 10px 0;
  flex-wrap: wrap;
}
.FlexBox_Terms .IMG_terms {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: 3vw;
  min-height: none;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.1s;
}
.FlexBox_Terms .opacityAnim:hover {
  opacity: 0.6;
}

.Button_INQUIRY_area {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  justify-content: center;
}
.Button_INQUIRY_area .Button_INQUIRY {
  display: flex;
  box-sizing: border-box;
  width: 20%;
  max-width: 300px;
  min-width: 200px;
  margin: 0 0 30px 0;
  transition: all 0.2s;
}
.Button_INQUIRY_area .Button_INQUIRY:hover {
  scale: 0.9;
}

.FlexBox_Bunner {
  display: inline-flex;
  box-sizing: none;
  width: 100%;
  max-width: auto;
  min-width: auto;
  justify-content: center;
  align-items: stretch;
  margin: 0 0 30px 0;
}
.FlexBox_Bunner .LinerGradient_right {
  flex: 1;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
  width: 100px;
  max-width: 100px;
  min-width: 50px;
}
.FlexBox_Bunner .LinerGradient_left {
  flex: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
  width: 100px;
  max-width: 100px;
  min-width: 50px;
}
.FlexBox_Bunner .BunnerArea {
  display: inline-flex;
  box-sizing: none;
  background-color: rgba(255, 255, 255, 0.8);
  flex-wrap: wrap;
  justify-content: center;
}
.FlexBox_Bunner .BunnerArea .Bunner {
  display: inline-flex;
  box-sizing: none;
  width: 40%;
  max-width: 500px;
  min-width: 300px;
  margin: 10px 20px 10px 20px;
}
.FlexBox_Bunner .BunnerArea .Bunner .nest {
  width: 100%;
  max-width: auto;
  min-width: auto;
  transition: all 0.1s;
}
.FlexBox_Bunner .BunnerArea .Bunner .nest:hover {
  opacity: 0.6;
}

.FlexBox_newsBox {
  position: relative;
  background-image: none;
  background-color: white;
  background-clip: cover;
  background-size: border-box;
  background-repeat: repeat;
  background-position: center center;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(255, 114, 248);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 2px;
  display: flex;
  box-sizing: border-box;
  width: 80vw;
  max-width: none;
  min-width: none;
  height: 30%;
  max-height: 300px;
  min-height: 200px;
  flex-direction: column;
  align-items: center;
  margin: 50px 0 100px 0;
}
.FlexBox_newsBox .Heading_news {
  position: absolute;
  width: 20%;
  max-width: 300px;
  min-width: 200px;
  top: -5%;
}
.FlexBox_newsBox .newsArea {
  width: calc(100% - 30px);
  max-width: none;
  min-width: none;
  flex-direction: column;
  overflow-y: scroll;
  padding: 0 10px 20px 10px;
  margin: 50px 0 10px 0;
}
.FlexBox_newsBox .newsArea .TextBox {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: none;
  flex-wrap: nowrap;
}
.FlexBox_newsBox .newsArea .TextBox .DayText {
  margin: 0 1em 0 0;
}
.FlexBox_newsBox .newsArea .TextBox .MainText {
  width: 100%;
  max-width: none;
  min-width: none;
}
.FlexBox_newsBox .newsArea .UnderLine {
  border-style: dashed;
  border-width: 0 0 2px 0;
  border-color: rgba(98, 66, 47, 0.5);
}
.FlexBox_newsBox .newsArea::-webkit-scrollbar {
  width: 5px;
  border-radius: 100px;
}
.FlexBox_newsBox .newsArea::-webkit-scrollbar-track {
  background-color: rgb(115, 82, 46);
  border-radius: 100px;
}
.FlexBox_newsBox .newsArea::-webkit-scrollbar-thumb {
  background-color: rgb(236, 129, 152);
  border-radius: 100px;
}

.FlexBox_Story {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: url(../IMG/Story_BG.webp);
  background-color: none;
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0 0 50px 0;
}
.FlexBox_Story .Heading_Story {
  display: flex;
  box-sizing: border-box;
  width: 30%;
  max-width: 500px;
  min-width: 200px;
  margin: 30px 0 0 0;
}
.FlexBox_Story .TextIMG_Story {
  width: 80%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 0 30px 0;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .FlexBox_Story .TextIMG_Story {
    width: 95%;
    max-width: auto;
    min-width: auto;
  }
}

.FlexBox_GameSystem {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: url(../IMG/GS_BG.png);
  background-color: none;
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin: -150px 0 0 0;
  padding: 100px 0 100px 0;
}
.FlexBox_GameSystem .Heading_GameSystem {
  display: flex;
  box-sizing: border-box;
  width: 30%;
  max-width: 500px;
  min-width: 200px;
  margin: 100px 0 0 0;
}
.FlexBox_GameSystem .TextIMG_GameSystem {
  width: 80%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 20px 0 30px 0;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .FlexBox_GameSystem .TextIMG_GameSystem {
    width: 95%;
    max-width: auto;
    min-width: auto;
  }
}
.FlexBox_GameSystem .IMG_Features {
  width: 30%;
  max-width: auto;
  min-width: auto;
  margin: 0 auto 5% 5%;
}
.FlexBox_GameSystem .FlexBox_ItemArea {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
  flex-direction: column;
  margin: 0 0 7% 0;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content {
  position: relative;
  background-image: none;
  background-color: rgb(255, 216, 163);
  background-clip: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  max-width: auto;
  min-width: auto;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
  padding: 0 0 0 0;
  flex-wrap: wrap;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .Heading_GS01 {
  position: absolute;
  height: 7vw;
  max-height: auto;
  min-height: auto;
  left: 0;
  top: -6vw;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS01 {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: 300px;
  width: 100%;
  max-width: auto;
  min-width: auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS01 .TextIMG_GS01 {
  position: relative;
  width: 95%;
  max-width: 1200px;
  min-width: 350px;
  margin: 2% 0 0 0;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS01 .FlexBoxGS01_IMG {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 90%;
  max-width: auto;
  min-width: auto;
  justify-content: center;
  flex-wrap: wrap;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS01 .FlexBoxGS01_IMG .IMG_GS01 {
  display: flex;
  box-sizing: border-box;
  width: 90%;
  max-width: 600px;
  min-width: 350px;
  -o-object-fit: contain;
     object-fit: contain;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS01 .FlexBoxGS01_IMG .FlexBox_MoviePositon {
  position: relative;
  width: 90%;
  max-width: 600px;
  min-width: 350px;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS01 .FlexBoxGS01_IMG .FlexBox_MoviePositon .Movie_GS01 {
  position: absolute;
  width: 100%;
  max-width: auto;
  min-width: auto;
  -webkit-mask-image: url("../IMG/MaskImage.png");
          mask-image: url("../IMG/MaskImage.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  margin: -5% 0 0 0;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .Heading_GS02 {
  position: absolute;
  height: 7vw;
  max-height: auto;
  min-height: auto;
  right: 0;
  top: -6vw;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS02 {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: 300px;
  width: 100%;
  max-width: auto;
  min-width: auto;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap-reverse;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS02 .FlexBox_IMG_GS02 {
  position: relative;
  width: 50%;
  max-width: 650px;
  min-width: 350px;
  margin: 0 1.5% 0 1.5%;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS02 .FlexBox_IMG_GS02 .IMG_GS02 {
  position: absolute;
  width: 110%;
  max-width: auto;
  min-width: auto;
  transform: translate(-15%, -15%);
  padding: 0 0 -300px 0;
}
@media screen and (max-width: 1024px) {
  .FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS02 .FlexBox_IMG_GS02 .IMG_GS02 {
    position: absolute;
    width: 100%;
    max-width: auto;
    min-width: auto;
    transform: translate(-5%, -10%);
    padding: 0 0 -300px 0;
  }
}
@media screen and (max-width: 480px) {
  .FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS02 .FlexBox_IMG_GS02 .IMG_GS02 {
    position: absolute;
    width: 100%;
    max-width: auto;
    min-width: auto;
    transform: translate(-5%, -10%);
    padding: 0 0 -300px 0;
  }
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS02 .TextIMG_GS02 {
  position: relative;
  width: 95%;
  max-width: 700px;
  min-width: 350px;
  margin: 3% 1.5% 3% 1.5%;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .Heading_GS03 {
  position: absolute;
  height: 5.5vw;
  max-height: auto;
  min-height: auto;
  left: 0;
  top: -6vw;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS03 {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: 300px;
  width: 100%;
  max-width: auto;
  min-width: auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS03 .TextIMG_GS03 {
  display: flex;
  box-sizing: border-box;
  width: 95%;
  max-width: 700px;
  min-width: 350px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 1% 0 1%;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS03 .FlexBox_IMG_GS03 {
  position: relative;
  width: 90%;
  max-width: 700px;
  min-width: 350px;
  height: 100%;
  max-height: auto;
  min-height: auto;
  margin: 0 1% 0 1%;
}
.FlexBox_GameSystem .FlexBox_ItemArea .FlexBox_Content .FlexBox_GS03 .FlexBox_IMG_GS03 .Movie_GS03 {
  width: 100%;
  max-width: auto;
  min-width: auto;
  top: -20%;
  -webkit-mask-image: url("../IMG/MaskImage.png");
          mask-image: url("../IMG/MaskImage.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}

.FlexBox_Character {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: url(../IMG/Char_BG.webp);
  background-color: none;
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  height: 80vw;
  max-height: auto;
  min-height: auto;
  align-items: center;
  flex-direction: column;
  margin: -150px 0 0 0;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character {
    height: 255vw;
    max-height: auto;
    min-height: auto;
    margin: -100px 0 0 0;
  }
}
.FlexBox_Character .Heading_Char {
  display: flex;
  box-sizing: border-box;
  width: 30%;
  max-width: 500px;
  min-width: 200px;
  margin: 120px 0 0 0;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .Heading_Char {
    margin: 80px 0 0 0;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info {
    flex-direction: column;
    align-items: center;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 50vw;
  max-width: auto;
  min-width: auto;
  height: 30vw;
  max-height: auto;
  min-height: auto;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 3%;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100vw;
    max-width: auto;
    min-width: auto;
    height: 50vw;
    max-height: auto;
    min-height: auto;
    margin: 0 0 0 0;
    padding: 0% 7% 0 0;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card01Pos_H {
  position: absolute;
  width: 30%;
  max-width: auto;
  min-width: auto;
  margin: 5% 40% 0 0;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card01Pos_H {
    width: 25%;
    max-width: auto;
    min-width: auto;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card01Pos_H #card_1 {
  transform: rotate(-25deg);
  width: 100%;
  max-width: auto;
  min-width: auto;
  transition: transform 0.3s ease;
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card01Pos_H #card_1:hover {
  transform: rotate(-25deg) translateY(-2.5vw);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card01Pos_H #card_1.ClickRotate {
  transform: rotate(-25deg) translateY(-2.5vw) rotateY(180deg) scaleX(-1);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card02Pos_H {
  position: absolute;
  width: 30%;
  max-width: auto;
  min-width: auto;
  margin: -5% 10% 0 0;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card02Pos_H {
    width: 25%;
    max-width: auto;
    min-width: auto;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card02Pos_H #card_2 {
  transform: rotate(-10deg);
  width: 100%;
  max-width: auto;
  min-width: auto;
  transition: transform 0.3s ease;
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card02Pos_H #card_2:hover {
  transform: rotate(-10deg) translateY(-2.5vw);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card02Pos_H #card_2.ClickRotate {
  transform: rotate(-10deg) translateY(-2.5vw) rotateY(180deg) scaleX(-1);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card03Pos_H {
  position: absolute;
  width: 30%;
  max-width: auto;
  min-width: auto;
  margin: -5% -20% 0 0;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card03Pos_H {
    width: 25%;
    max-width: auto;
    min-width: auto;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card03Pos_H #card_3 {
  transform: rotate(10deg);
  width: 100%;
  max-width: auto;
  min-width: auto;
  transition: transform 0.3s ease;
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card03Pos_H #card_3:hover {
  transform: rotate(10deg) translateY(-2.5vw);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card03Pos_H #card_3.ClickRotate {
  transform: rotate(10deg) translateY(-2.5vw) rotateY(180deg) scaleX(-1);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card04Pos_H {
  position: absolute;
  width: 30%;
  max-width: auto;
  min-width: auto;
  margin: 5% -50% 0 0;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card04Pos_H {
    width: 25%;
    max-width: auto;
    min-width: auto;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card04Pos_H #card_4 {
  transform: rotate(25deg);
  width: 100%;
  max-width: auto;
  min-width: auto;
  transition: transform 0.3s ease;
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card04Pos_H #card_4:hover {
  transform: rotate(25deg) translateY(-2.5vw);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .SelectCharCardGroup .FlexBox_Card04Pos_H #card_4.ClickRotate {
  transform: rotate(25deg) translateY(-2.5vw) rotateY(180deg) scaleX(-1);
}
.FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 70%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  align-items: center;
  justify-content: center;
  right: -15%;
  transform: translate(10%, 0);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: auto;
    min-width: auto;
    height: 55%;
    max-height: auto;
    min-height: auto;
    right: 0%;
    margin: -5% 0 -10% 0;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char .CharBG {
  position: absolute;
  width: 110%;
  max-width: auto;
  min-width: auto;
  padding: 0 0 0 50%;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char .CharBG {
    width: 150%;
    max-width: auto;
    min-width: auto;
    padding: 0 0 0 0;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char .IMG_Char {
  display: block;
  box-sizing: border-box;
  width: 50%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char .IMG_Char {
    width: 85%;
    max-width: auto;
    min-width: auto;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .FlexBox_Char.ChangeAnim_R-in {
  transform: translate(0%, 0);
  opacity: 1;
}
.FlexBox_Character .FlexBox_CharaIMG_Info .IMG_CharaInfo {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 60%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 28% 0 3% 3%;
  transform: translate(-10%, 0);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media screen and (max-width: 480px) {
  .FlexBox_Character .FlexBox_CharaIMG_Info .IMG_CharaInfo {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: auto;
    min-width: auto;
    justify-self: flex-start;
    margin: 0% auto 0 auto;
  }
}
.FlexBox_Character .FlexBox_CharaIMG_Info .IMG_CharaInfo.ChangeAnim_L-in {
  transform: translate(0%, 0);
  opacity: 1;
}

.FlexBox_Sales {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: url("../IMG/Repeat_SquareDot_BG.png");
  background-color: none;
  background-clip: border-box;
  background-size: contain;
  background-repeat: repeat;
  background-position: center top;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: -100px 0 0 0;
  padding: 0 0 5vw 0;
}
.FlexBox_Sales .SalesBG_Video {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  max-height: auto;
  min-height: auto;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.FlexBox_Sales .Heading_Sales {
  display: flex;
  box-sizing: border-box;
  width: 30%;
  max-width: 500px;
  min-width: 200px;
  margin: 100px 0 0 0;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales {
  display: flex;
  box-sizing: border-box;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  justify-content: center;
  align-items: center;
  margin: 3% 0 0% 0;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea {
  display: flex;
  box-sizing: border-box;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: 400px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .TextArea {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  min-width: 400px;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .TextArea {
    width: 100%;
    max-width: auto;
    min-width: 400px;
  }
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .TextArea .Group_Heading {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  height: 15%;
  max-height: auto;
  min-height: 50px;
  width: 90%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .TextArea .TextIMG_Sales01 {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .FlexBox_IMGArea_A {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  min-width: 400px;
  flex-direction: column;
  align-items: center;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .FlexBox_IMGArea_A .Sales_Help {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 90%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.FlexBox_Sales .FlexBox_ItemArea_Sales .WrapArea .FlexBox_IMGArea_A .Sales_CharaA {
  display: flex;
  box-sizing: border-box;
  width: 80%;
  max-width: auto;
  min-width: auto;
  margin: 10px 0 0 0;
}

.Footer {
  position: relative;
  display: flex;
  box-sizing: border-box;
  background-image: url("../IMG/Repeat_SquareDot_BG.png");
  background-color: none;
  background-clip: border-box;
  background-size: contain;
  background-repeat: repeat;
  background-position: center top;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: column;
}
.Footer .BG {
  position: absolute;
  width: 100%;
  max-width: auto;
  min-width: auto;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.Footer .fighterDot {
  width: 5%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  animation-name: walk;
  animation-duration: 40s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
}
@keyframes walk {
  0% {
    transform: translate(-50vw, 155%);
  }
  50% {
    transform: translate(150vw, 155%);
  }
  51% {
    transform: translate(150vw, 155%) scaleX(-1);
  }
  100% {
    transform: translate(-50vw, 155%) scaleX(-1);
  }
}
.Footer .ParentFlexBox13 {
  position: absolute;
  right: 1vw;
  bottom: 0;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 10vw;
  max-height: auto;
  min-height: auto;
  flex-direction: column;
  justify-self: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  justify-content: flex-end;
}
.Footer .ParentFlexBox13 .F_KOTIRAGroup {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
.Footer .ParentFlexBox13 .F_KOTIRAGroup .F_KOTIRA {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 3vw;
  max-height: auto;
  min-height: auto;
}
.Footer .ParentFlexBox13 .F_KOTIRAGroup .kotira:hover {
  transition: 0.3s;
  opacity: 0.6;
}
.Footer .ParentFlexBox13 .F_RIDEONGroup {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.Footer .ParentFlexBox13 .F_RIDEONGroup .F_RIDEON {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 5vw;
  max-height: 36px;
  min-height: auto;
  margin: 2px 3px 2px 3px;
}
.Footer .ParentFlexBox13 .F_RIDEONGroup .F_RIDEON:hover {
  transition: 0.3s;
  opacity: 0.6;
}
.Footer .ParentFlexBox13 .Copyright {
  height: 3vw;
  max-height: 18px;
  min-height: auto;
  justify-content: flex-end;
}

.SignBorad {
  display: flex;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 64px;
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
  .SignBorad {
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    margin-bottom: -20px;
  }
}

.img-text {
  width: 100%;
  max-width: 400px;
  min-width: none;
}
@media screen and (max-width: 480px) {
  .img-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: none;
    margin-bottom: -32px;
  }
}

.img-text_icon {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  min-width: none;
}
.img-text_sns {
  width: 100%;
  max-width: 400px;
  min-width: none;
  margin: 1vw 0 1vw 0;
}
.img-text_reso {
  width: 100%;
  max-width: 200px;
  min-width: none;
}
@media screen and (max-width: 480px) {
  .img-text_reso {
    margin-left: auto;
    margin-right: auto;
    margin-top: none;
    margin-bottom: none;
  }
}

.MouseHover_brightness:hover {
  filter: brightness(1.3);
  transition: all 0.2s;
}

.MouseHover_opacity:hover {
  opacity: 0.5;
  transition: all 0.2s;
}

.MouseHover_scale:hover {
  transform: scale(0.9);
  transition: all 0.2s;
}

.ImgGroup_Index {
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
  position: relative;
}
.ImgGroup_Index .HolizontalCenter {
  height: 64px;
  max-height: 100%;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
.ImgGroup_Index .VerticalCenter {
  width: 64px;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
}
.ImgGroup_Index .Center {
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
.ImgGroup_Index .Corner {
  height: 64px;
  max-height: none;
  min-height: none;
  width: 64px;
  max-width: none;
  min-width: none;
}

.ImgGroup_center {
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
  position: relative;
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
@media screen and (max-width: 1460px) {
  .ImgGroup_center {
    height: calc(100% + 64px);
    max-height: none;
    min-height: none;
  }
}
.ImgGroup_center .HolizontalCenter {
  height: 64px;
  max-height: 100%;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
.ImgGroup_center .VerticalCenter {
  width: 64px;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
}
.ImgGroup_center .Center {
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
@media screen and (max-width: 480px) {
  .ImgGroup_center .Center {
    height: none;
    max-height: none;
    min-height: none;
    width: calc(100% - 128px);
    max-width: none;
    min-width: none;
  }
}
.ImgGroup_center .Corner {
  height: 64px;
  max-height: none;
  min-height: none;
  width: 64px;
  max-width: none;
  min-width: none;
}

.ImgGroup_center {
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
  position: relative;
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
@media screen and (max-width: 1460px) {
  .ImgGroup_center {
    height: calc(100% + 96px);
    max-height: none;
    min-height: none;
  }
}
.ImgGroup_center .HolizontalCenter {
  height: 64px;
  max-height: 100%;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
.ImgGroup_center .VerticalCenter {
  width: 64px;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
}
.ImgGroup_center .Center {
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
@media screen and (max-width: 480px) {
  .ImgGroup_center .Center {
    height: none;
    max-height: none;
    min-height: none;
    width: calc(100% - 128px);
    max-width: none;
    min-width: none;
  }
}
.ImgGroup_center .Corner {
  height: 64px;
  max-height: none;
  min-height: none;
  width: 64px;
  max-width: none;
  min-width: none;
}

.ImgGroup_bottom {
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
  position: relative;
  align-items: flex-end;
}
.ImgGroup_bottom .HolizontalCenter {
  height: 64px;
  max-height: 100%;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
.ImgGroup_bottom .VerticalCenter {
  width: 64px;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
}
.ImgGroup_bottom .Center {
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
.ImgGroup_bottom .Corner {
  height: 64px;
  max-height: none;
  min-height: none;
  width: 64px;
  max-width: none;
  min-width: none;
}

.SignBorad {
  height: 100%;
  max-height: 80px;
  min-height: 50px;
}

body {
  width: 100vw;
  overflow: hidden;
  background-image: url(../IMG/MV_BG.webp);
  background-color: white;
  background-clip: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.DownloadBG {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .DownloadBG {
    width: 100%;
    max-width: auto;
    min-width: auto;
    height: 100%;
    max-height: auto;
    min-height: auto;
  }
}
.DownloadBG .Note {
  display: flex;
  box-sizing: border-box;
  align-self: center;
  justify-self: center;
  width: 100%;
  max-width: 800px;
  min-width: auto;
}
.DownloadBG .WallPaper {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  width: 100vw;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
}
@media screen and (max-width: 480px) {
  .DownloadBG .WallPaper {
    height: 100%;
    max-height: none;
    min-height: none;
    width: 100%;
    max-width: none;
    min-width: none;
  }
}
.DownloadBG .WallPaper .WPbox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  height: 100%;
  max-height: none;
  min-height: none;
  width: 100%;
  max-width: none;
  min-width: none;
}
@media screen and (max-width: 480px) {
  .DownloadBG .WallPaper .WPbox {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}
.DownloadBG .WallPaper .WPbox .ContentsBox {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 40%;
  max-width: none;
  min-width: none;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: none;
  padding-bottom: none;
  margin: 0 1vw 0 1vw;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
@media screen and (max-width: 480px) {
  .DownloadBG .WallPaper .WPbox .ContentsBox {
    width: 80%;
    max-width: none;
    min-width: none;
    margin: 0 0 3vw 0;
  }
}
.DownloadBG .WallPaper .WPbox .ContentsBox .Img {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: none;
  margin-bottom: none;
}
@media screen and (max-width: 480px) {
  .DownloadBG .WallPaper .WPbox .ContentsBox .Img {
    width: 80%;
    max-width: none;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    margin-bottom: none;
  }
}
.DownloadBG .WallPaper .WPbox .ContentsBox #_01_BG {
  background-image: url(../IMG/DownloadButton_wallpaper_1920x1080_nonAc.png);
  background-color: border-box;
  background-clip: contain;
  background-size: no-repeat;
  background-repeat: Index center;
  background-position: center center;
}
.DownloadBG .WallPaper .WPbox .ContentsBox #_02_BG {
  background-image: url(../IMG/DownloadButton_wallpaper_2560x1440_nonAc.png);
  background-color: border-box;
  background-clip: contain;
  background-size: no-repeat;
  background-repeat: Index center;
  background-position: center center;
}
.DownloadBG .WallPaper .WPbox .ContentsBox #_03_BG {
  background-image: url(../IMG/DownloadButton_wallpaper_3840x2160_nonAc.png);
  background-color: border-box;
  background-clip: contain;
  background-size: no-repeat;
  background-repeat: Index center;
  background-position: center center;
}
.DownloadBG .WallPaper .WPbox .ContentsBox #_04_BG {
  background-image: url(../IMG/DownloadButton_wallpaper_1080x1920_nonAc.png);
  background-color: border-box;
  background-clip: contain;
  background-size: no-repeat;
  background-repeat: Index center;
  background-position: center center;
}
.DownloadBG .WallPaper .WPbox .ContentsBox #_05_BG {
  background-image: url(../IMG/DownloadButton_wallpaper_1242x2688_nonAc.png);
  background-color: border-box;
  background-clip: contain;
  background-size: no-repeat;
  background-repeat: Index center;
  background-position: center center;
}
.DownloadBG .WallPaper .WPbox .ContentsBox #_06_BG {
  background-image: url(../IMG/DownloadButton_wallpaper_2160x1920_nonAc.png);
  background-color: border-box;
  background-clip: contain;
  background-size: no-repeat;
  background-repeat: Index center;
  background-position: center center;
}
.DownloadBG .WallPaper .WPbox .ContentsBox .ButtonSetting {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  min-width: auto;
}
@media screen and (max-width: 480px) {
  .DownloadBG .WallPaper .WPbox .ContentsBox .ButtonSetting {
    width: 100%;
    max-width: 200px;
    min-width: auto;
  }
}
.DownloadBG .DownloadButton {
  display: flex;
  box-sizing: border-box;
  width: 80%;
  max-width: auto;
  min-width: auto;
  transition: all 0.2s;
  justify-self: center;
  align-self: center;
  margin: 0.2vw 0 0.2vw;
}
.DownloadBG .SNSICon {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100vw;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
  margin: 3vw 0 3vw 0;
}
@media screen and (max-width: 480px) {
  .DownloadBG .SNSICon {
    height: 100%;
    max-height: none;
    min-height: none;
    width: 100%;
    max-width: none;
    min-width: none;
  }
}
.DownloadBG .SNSICon .SNSIConBox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  max-width: none;
  min-width: none;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
@media screen and (max-width: 480px) {
  .DownloadBG .SNSICon .SNSIConBox {
    width: 100%;
    max-width: none;
    min-width: none;
  }
}
.DownloadBG .SNSICon .SNSIConBox .ParentBox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: none;
  min-width: none;
}
.DownloadBG .SNSICon .SNSIConBox .ParentBox .IconSetting {
  display: flex;
  box-sizing: border-box;
  height: 10vw;
  max-height: 150px;
  min-height: 80px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: rgba(101, 65, 6, 0.7) 3px 3px 10px;
}
.DownloadBG .SNSCover {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  min-width: none;
  height: 100%;
  max-height: none;
  min-height: none;
}
@media screen and (max-width: 480px) {
  .DownloadBG .SNSCover {
    height: 100%;
    max-height: none;
    min-height: none;
    width: 100%;
    max-width: none;
    min-width: none;
  }
}
.DownloadBG .SNSCover .SNSCoverBox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: none;
  min-width: none;
}
.DownloadBG .SNSCover .SNSCoverBox .nestBox {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1vw 1vw 1vw 1vw;
  padding: 0 2vw 0 2vw;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.DownloadBG .SNSCover .SNSCoverBox .nestBox .CoverIMGSetting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  min-width: auto;
  margin: 3vw 0 0.5vw 0;
}
@media screen and (max-width: 480px) {
  .DownloadBG .SNSCover .SNSCoverBox .nestBox .CoverIMGSetting {
    width: 100%;
    max-width: 350px;
    min-width: 200px;
  }
}
.DownloadBG .SNSCover .SNSCoverBox .nestBox .CoverIMGSetting_X {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  min-width: auto;
  margin: 3vw 0 0.5vw 0;
}
@media screen and (max-width: 480px) {
  .DownloadBG .SNSCover .SNSCoverBox .nestBox .CoverIMGSetting_X {
    width: 100%;
    max-width: 350px;
    min-width: 200px;
  }
}
.DownloadBG .BunnerBox {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: none;
  min-width: none;
  margin: 2vw 0 2vw 0;
}
@media screen and (max-width: 480px) {
  .DownloadBG .BunnerBox {
    width: 80%;
    max-width: none;
    min-width: none;
  }
}
.DownloadBG .BunnerBox .BunnerButtonSetting {
  width: 100%;
  max-width: 480px;
  min-width: 240px;
}
.DownloadBG .GoIndexButton {
  display: flex;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 60px;
}

.Footer_nonbg {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100vw;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: column;
}
.Footer_nonbg .BG {
  position: absolute;
  width: 100%;
  max-width: auto;
  min-width: auto;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.Footer_nonbg .fighterDot {
  width: 5%;
  max-width: auto;
  min-width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  animation-name: walk;
  animation-duration: 40s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
}
@keyframes walk {
  0% {
    transform: translate(-50vw, 155%);
  }
  50% {
    transform: translate(150vw, 155%);
  }
  51% {
    transform: translate(150vw, 155%) scaleX(-1);
  }
  100% {
    transform: translate(-50vw, 155%) scaleX(-1);
  }
}
.Footer_nonbg .ParentFlexBox13 {
  position: absolute;
  right: 1vw;
  bottom: 0;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 10vw;
  max-height: auto;
  min-height: auto;
  flex-direction: column;
  justify-self: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  justify-content: flex-end;
}
.Footer_nonbg .ParentFlexBox13 .F_KOTIRAGroup {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
.Footer_nonbg .ParentFlexBox13 .F_KOTIRAGroup .F_KOTIRA {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 3vw;
  max-height: auto;
  min-height: auto;
}
.Footer_nonbg .ParentFlexBox13 .F_KOTIRAGroup .kotira:hover {
  transition: 0.3s;
  opacity: 0.6;
}
.Footer_nonbg .ParentFlexBox13 .F_RIDEONGroup {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  max-height: auto;
  min-height: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.Footer_nonbg .ParentFlexBox13 .F_RIDEONGroup .F_RIDEON {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 5vw;
  max-height: 36px;
  min-height: auto;
  margin: 2px 3px 2px 3px;
}
.Footer_nonbg .ParentFlexBox13 .F_RIDEONGroup .F_RIDEON:hover {
  transition: 0.3s;
  opacity: 0.6;
}
.Footer_nonbg .ParentFlexBox13 .Copyright {
  height: 3vw;
  max-height: 18px;
  min-height: auto;
  justify-content: flex-end;
}

.GoTopButton {
  transition: all 0.2s;
}/*# sourceMappingURL=Download.css.map */