#background {
  padding-top: 0px;
  width: 1252px;
  height: 2647px;
  background: url('../image/background_mobile.jpg') 0 0 no-repeat;
}

#logo {
  top: 1430px;
  width: 618px;
  height: 238px;
  background: url('../image/logo_mobile.png') 0 0 no-repeat;
}

#releaseDate {
  top: 7%;
  font-size: 35px;
}

#friendlyLab {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 1500px;
}

#friendlyLab_iOS {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: -560px;
  right: 0;
  line-height: 170%;
  pointer-events: none;
}

#friendlyLab_Android {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 560px;
  right: 0;
  line-height: 170%;
  pointer-events: none;
}

#friendlyLab .box {
  color: #6d6d6d;
  border: 1px solid #000;
  width: 476px;
  height: 252px;
  margin: auto;
  padding-top: 57px;
  background-color: #fffc;
  text-align: center;
  pointer-events: auto;
  font-size: 35px;
  line-height: 180%;
}


#storyBackground {
  background: url('../image/story_background_mobile.jpg') 0 0 no-repeat;
  padding-top: 0px;
  width: 1252px;
  height: 2647px;
}

#storyTitle {
  font-size: 37px;
  top: 243px;
}

#storyGuide {
  top: 340px;
  font-size: 37px;
  width: 1200px;
  height: 600px;
  line-height: normal;
}

#storyLeft {
  width: 428px;
  height: 739px;
  left: -590px;
  top: 1822px;
  line-height: normal;
}

#storyRight {
  width: 428px;
  height: 739px;
  left: 590px;
  top: 1822px;
  line-height: normal;
}

.storyName {
  font-size: 50px;
  margin-top: 38px;
  margin-left: 30px;
}

.storyText {
  font-size: 28px;
  margin-top: 25px;
  margin-left: 30px;
  margin-right: 30px;
}

.storySerifLeft {
  font-size: 28px;
  margin-top: 25px;
  margin-left: 30px;
}

.storySerifRight {
  font-size: 28px;
  margin-top: 25px;
  margin-right: 30px;
}


#specBackground {
  width: 1252px;
  height: 2647px;
  padding-top: 0px;
  background: url('../image/spec_background_mobile.jpg') 0 0 no-repeat;
}

#specGuide {
  width: 900px;
  height: 994px;
  top: 400px;
  font-size: 34px;
  line-height: 180%;
}

#specInfo {
  margin-top: 73px;
  font-size: 52px;
  line-height: 140%;
  width: 900px;
  text-align: center;
}

#specPc {
  display: none;
}

#specPcMobile {
  font-size: 54px;
  display: block;
  line-height: 140%;
  margin-top: 160px;
}

#pcBottom {
  font-size: 34px;
  line-height: 155%;
  margin-top: 984px;
}

#specBottom {
  margin-top: 286px;
}

#specWindows {
  position: initial;
  margin-top: 290px;
  line-height: 110%;
}

#specMac {
  position: initial;
  margin-top: 200px;
  line-height: 110%;
}

.systemPc {
  width: 1252px;
  height: 2647px;
  padding-top: 0px;
  background: url('../image/system_pc_background_mobile.jpg') 0 0 no-repeat;
}

#downloadBackground {
  width: 1252px;
  height: 3089px;
  padding-top: 0px;
  background: url('../image/download_background_mobile.jpg') 0 0 no-repeat;
}

.pvTitle {
  font-size: 32px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.pvTitleMin {
  font-size: 28px;
}

#pvThumbnail {
  width: 700px;
}

#twitterInfo {
  top: 2487px;
  width: 860px;
  height: 145px;
  z-index: 1;
  left: 20px;
}

#twitterHeader {
  left: 0;
  top: 1580px;
  width: 1037px;
  font-size: 33px;
  height: 1091px;
  padding-top: 20px;
}

#twitterInfoText {
  display: none;
}

#twitterInfoTextMobile {
  font-size: 33px;
  display: block;
  left: 0;
  right: 0;
  margin: 30px auto 0 auto;
}

#twitterNishi {
  width: 362px;
  height: 530px;
  padding-left: 100px;
  left: -100px;
  top: 2039px;
}

#twitterHigashi {
  background-color: #336eff;
  width: 362px;
  height: 530px;
  left: 458px;
  top: 1199px;
  padding-right: 100px;
}

.twitterTitle {
  margin-top: 0px;
  font-size: 33px;
}

#twitterHeaderImage {
  width: 896px;
  height: 299px;
}

#twitterIconImage {
  width: 308px;
  height: 308px;
  margin-top: 20px;
}

#playMovieImage {
  width: 752px;
  height: 425px;
}

#trialDownload {
  display: none;
}

/* SYSTEM */
#movieSoon {
  left: 0;
  right: 0;
  width: 899px;
  height: 574px;
  background: url('../image/movie_soon_mobile.png') 0 0 no-repeat;
}

.barMargin {
  margin-top: 3px;
}

#systemMenuArea {
  width: 1252px;
  margin-left: 10px;
}

.systemMenu {
  width: 240px;
  height: 59px;
  font-size: 32px;
  margin-left: 0px;
}

.systemMenuText {
  margin-top: 5px;
}

.systemPurpose,
.systemQuestion {
  padding-top: 0px;
  width: 1252px;
  height: 2647px;
  background: url('../image/system_background_mobile.jpg') 0 0 no-repeat;
}

.systemSpecial {
  padding-top: 0px;
  width: 1252px;
  height: 2511px;
  background: url('../image/system_special_background_mobile.jpg') 0 0 no-repeat;
}

.systemCulture {
  padding-top: 0px;
  width: 1252px;
  height: 2647px;
  background: url('../image/system_culture_background_mobile.jpg') 0 0 no-repeat;
}

.systemCreature {
  padding-top: 0px;
  width: 1252px;
  height: 2647px;
  background: url('../image/system_creature_background_mobile.jpg') 0 0 no-repeat;
}

#purposeIcon {
  background: url('../image/purposeIcons_mobile.png') 0 0 no-repeat;
  width: 1074px;
  height: 235px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 1640px;
}

#systemPurpose #movieSoon {
  top: 1930px;
}

#systemTitleBar {
  font-size: 36px;
  height: 58px;
}

#systemTitleBar2 {
  font-size: 36px;
  height: 58px;
}

#purposeLabel {
  font-size: 36px;
}

#itemImage {
  left: -349px;
  top: 1100px;
}

.purposeImage {
  width: 772px;
  height: 431px;
}

#purposeImage1 {
  background: url('../image/purposeImage1_mobile.png') 0 0 no-repeat;
}

#purposeImage2 {
  background: url('../image/purposeImage2_mobile.png') 0 0 no-repeat;
}

#purposeImage3 {
  background: url('../image/purposeImage3_mobile.png') 0 0 no-repeat;
}

#purposeImage4 {
  background: url('../image/purposeImage4_mobile.png') 0 0 no-repeat;
}

#purposeImage5 {
  background: url('../image/purposeImage5_mobile.png') 0 0 no-repeat;
}

#purposeImage6 {
  background: url('../image/purposeImage6_mobile.png') 0 0 no-repeat;
}

#purposeImage7 {
  background: url('../image/purposeImage7_mobile.png') 0 0 no-repeat;
}

#purposeImage8 {
  background: url('../image/purposeImage8_mobile.png') 0 0 no-repeat;
}

#purposeImage9 {
  background: url('../image/purposeImage9_mobile.png') 0 0 no-repeat;
}

#specialLabel {
  font-size: 36px;
  top: 355px;
}

#specialLeftBar {
  font-size: 36px;
  height: 58px;
  top: 555px;
  right: 0;
  text-align: center;
  padding-right: 0px;
}

#specialRightBar {
  font-size: 36px;
  height: 58px;
  top: 1200px;
  left: 0;
  text-align: center;
  padding-left: 0px;
}

#specialLeft {
  width: 703px;
  height: 510px;
  top: 636px;
  left: 0;
  right: 0;
  background: url('../image/special_left_mobile.png') 0 0 no-repeat;
}

#specialRight {
  width: 1169px;
  height: 491px;
  top: 1280px;
  left: 0;
  right: 0;
  background: url('../image/special_right_mobile.png') 0 0 no-repeat;
}

#systemSpecial #movieSoon {
  top: 1870px;
}

#questionLabel {
  font-size: 36px;
  top: 405px;
}

#questionCard {
  top: 1100px;
  left: 0;
  width: 1125px;
  height: 678px;
}

.questionCard {
  width: 1125px;
  height: 678px;
}

#questionCard1 {
  background: url('../image/question_card1_mobile.png') 0 0 no-repeat;
}

#questionCard2 {
  background: url('../image/question_card2_mobile.png') 0 0 no-repeat;
}

#questionCard3 {
  background: url('../image/question_card3_mobile.png') 0 0 no-repeat;
}

#systemQuestion #movieSoon {
  top: 1880px;
}

#cultureLabel {
  font-size: 36px;
  top: 395px;
}

#cultureLabelUnder {
  font-size: 36px;
  top: 1635px;
}

#cultureBaby {
  top: 910px;
  width: 63px;
  height: 72px;
  background: url('../image/system_baby_mobile.png') 0 0 no-repeat;
}

#cultureLiquid {
  top: 1310px;
  width: 90px;
  height: 239px;
  background: url('../image/system_liquid_mobile.png') 0 0 no-repeat;
}

#systemCulture #movieSoon {
  top: 1830px;
}

#creatureLabel {
  font-size: 36px;
  top: 395px;
  line-height: 130%;
}

#creatureLabelUnder {
  top: 1626px;
  font-size: 36px;
}

#creatureRakan {
  top: 985px;
  width: 436px;
  height: 1570px;
  background: url('../image/system_rakan_mobile.png') 0 0 no-repeat;
}

#creatureHeart {
  top: 637px;
  width: 264px;
  height: 193px;
  background: url('../image/system_heart_mobile.png') 0 0 no-repeat;
}

#systemCreature #movieSoon {
  top: 1850px;
}

#embeddedMovie {
  position: absolute;
  width: 752px;
  height: 425px;
  left: 76px;
  top: 111px;
}

.systemGallery {
  padding-top: 0px;
  width: 1252px;
  height: 2647px;
  background: url('../image/gallery_background_mobile.jpg') 0 0 no-repeat;
}

.galleryThumbnail {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 549px;
  height: 287px;
  border: 1px solid #000;
  overflow: hidden;
}

#gallery1 {
  top: 939px;
  left: -530px;
}

#gallery2 {
  top: 939px;
  left: 660px;
}

#gallery3 {
  top: 1275px;
  left: -530px;
}

#gallery4 {
  top: 1275px;
  left: 660px;
}

#downloadPV {
  width: 899px;
  height: 574px;
  top: 965px;
  left: 0;
}

#playMovie {
  left: 0;
  width: 899px;
  height: 574px;
  top: 355px;
}

#comingSoon {
  width: 752px;
  height: 425px;
}

#menuStory {
  width: 125px;
  height: 52px;
  left: -870px;
  top: 11px;
  background-image: url("../image/menu_story_mobile.png");
}

#menuSystem {
  width: 149px;
  height: 52px;
  left: -380px;
  top: 11px;
  background-image: url("../image/menu_system_mobile.png");
}

#menuSpec {
  width: 99px;
  height: 52px;
  left: 310px;
  top: 11px;
  background-image: url("../image/menu_spec_mobile.png");
}

#menuDownload {
  width: 225px;
  height: 52px;
  left: 780px;
  top: 11px;
  background-image: url("../image/menu_download_mobile.png");
}

.galleryThumbnail img {
  width: 100%;
  transform: scale(1.0);
  cursor: pointer;
  filter: none;
  transition-duration: 0s;
}

.galleryThumbnail img:hover {
  filter: none;
  transition-duration: 0s;
}

#shopArea {
  height: 6527px;
}

#shopAnimate {
  left: 0px;
  top: 40px;
  height: 1413px;
}

#shopAnimate .shopInfo {
  margin-top: 731px;
}

#shopAnimate .shopSample {
  width: 481px;
  height: 680px;
  top: 153px;
  background-image: url('../image/shop_animate_sample_mobile.png');
}

#shopStella {
  left: 0px;
  width: 1153px;
  height: 1962px;
  top: 1915px;
}

#shopStellaPc {
  display: none;
}

#shopStellaMobile {
  display: block;
}

#shopStella .shopSample {
  width: 640px;
  height: 640px;
  top: 153px;
  background-image: url('../image/shop_stella_sample_mobile.png');
}

#shopStella .shopLink {
  left: 700px;
}

#shopStella .shopInfo {
  margin-top: 691px;
}

#shopDLSite {
  left: 0px;
  top: 3910px;
  height: 400px;
}

#shopDLSite .shopInfo {
  font-size: 33px;
}

#shopWoga {
  left: 0px;
  top: 4343px;
  height: 1354px;
}

#shopWoga .shopInfo {
  margin-top: 681px;
}

#shopWoga .shopSample {
  width: 1010px;
  height: 605px;
  top: 153px;
  background-image: url('../image/shop_woga_sample_mobile.png');
}

#shopAlice {
  height: 392px;
  top: 1485px;
  left: 0px;
}

.shop {
  width: 1153px;
  height: 588px;
}

.shopTitle {
  font-size: 40px;
  width: 1108px;
  height: 93px;
  background-color: #ff3d00;
  padding-left: 45px;
  padding-top: 30px;
  color: #545454;
  font-weight: bold;
}

.shopLink {
  position: absolute;
  left: 700px;
  top: 12px;
  width: 404px;
  height: 90px;
}

.shopInfo {
  font-size: 33px;
  line-height: 200%;
  margin-left: 44px;
  margin-top: 30px;
}

#pvArea {
  width: 820px;
  height: 450px;
}