img {
    width: 100%;
    pointer-events: none;
}

div {
    background-size: contain;
    background-repeat: no-repeat;
}

#main {
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
}

.topBanner {
    width: 100%;
}

.title {
    margin-top: 2.3vw;
    /*width: 454px;*/
    width: 70.9vw;
    /*height: 42px;*/
    height: 6.56vw;
    background-image: url("../img/title.png");
    display: inline-block;
}

.btnStart {
    /*width: 483px;*/
    width: 75.4vw;
    /*height: 96px;*/
    height: 15vw;
    display: inline-block;
    background-color: #97ce98;
    /*border-radius: 34px;*/
    border-radius: 5.3vw;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0 7px 0;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0 1vw 0;
    background-image: url("../img/btn_start.png");
}

.screenshotArea {
    position: relative;
    /*padding-top: 23px;*/
    padding-top: 2.59vw;
    width: 100%;
    /*height: 510px;*/
    height: 73.6vw;
}

.screenshotGroup {
    position: absolute;
    width: 100%;
}

.screenshot {
    /*width: 277px;*/
    width: 43.28vw;
    /*height: 436px;*/
    height: 68.1vw;
    display: inline-block;
}

.screenshot:nth-child(odd) {
    /*margin-right: 28px;*/
    margin-right: 4.37vw;
}
.howToPlayGroup {
    width: 100%;
}

.textHowToPlay {
    /*margin-top: 42px;*/
    margin-top: 6.56vw;
    /*width: 212px;*/
    width: 33.1vw;
    /*height: 44px;*/
    height: 6.87vw;
    display: inline-block;
    background-image: url("../img/text_how_to_play.png");
}

.explanationList {
    /*margin-top: 15px;*/
    margin-top: 2.3vw;
}

.explanationFlower {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    /*left: 13px;*/
    left: 2vw;
    /*width: 45px;*/
    width: 7vw;
    /*height: 47px;*/
    height: 7.3vw;
    background-image: url("../img/flower.png");
}

.textInfoTitle1, .textInfoTitle2, .textInfoTitle3 {
    position: absolute;
    top: 0;
    /*left: 77px;*/
    left: 12vw;
    height: 100%;
}

.textInfoTitle1 {
    /*width: 153px;*/
    width: 23.9vw;
}

.textInfoTitle2 {
    /*width: 443px;*/
    width: 69.2vw;
}

.textInfoTitle3 {
    /*width: 184px;*/
    width: 28.4vw;
}

.acd-check {
    display: none;
}

.acd-label {
    position: relative;
    width: 100%;
    /*height: 68px;*/
    height: 10.6vw;
    background-color: #bce794;
    /*color: #fff;*/
    display: block;
    /*margin-bottom: 1px;*/
    /*padding: 10px;*/
    padding: 1.5vw;
}

.acd-content {
    max-height: 0;
    /*padding: 0 10px;*/
    padding: 0 1.5vw;
    transition: 0.3s ease-out;
    background-color: #fffde6;
    overflow: hidden;
}

.acd-check:checked + .acd-label + .acd-content {
    /*height: 40px;*/
    /*height: 6.2vw;*/
    height: auto;
    max-height: 500px;
    opacity: 1;
    /*padding: 10px;*/
    padding: 1.5vw;
    visibility: visible;
}

.copyright {
    /*width: 453px;*/
    width: 70.7vw;
    /*height: 19px;*/
    height: 2.96vw;
    /*background-image: url("../img/copyright.png");*/
    display: inline-block;
}

.bottomAppGroup {
    /*margin-top: 34px;*/
    margin-top: 10.3vw;
    width: 100%;
    background-color: #bbe794;
}

.textApp {
    margin-top: 3.1vw;
    /*width: 378px;*/
    width: 59vw;
    /*height: 74px;*/
    height: 11.56vw;
    /*background-image: url("../img/text_app.png");*/
    display: inline-block;
}

.appLinks {
    /*margin-top: 20px;*/
    margin-top: 3.1vw;
    /*margin-bottom: 20px;*/
    margin-bottom: 3.1vw;
}

.appAndroid {
    /*margin-right: 9px;*/
    margin-right: 1.4vw;
    /*width: 160px;*/
    width: 25vw;
    /*height: 47px;*/
    height: 7.3vw;
    /*background-image: url("../img/googleplay.png");*/
    display: inline-block;
}

.appIos {
    margin-right: 1.4vw;
    width: 25vw;
    height: 7.3vw;
    /*background-image: url("../img/appstore.png");*/
    display: inline-block;
}

.appTwitter {
    width: 25vw;
    height: 7.3vw;
    /*background-image: url("../img/twitter_follow.png");*/
    display: inline-block;
}

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.dialogBg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    /*width: 582px;*/
    width: 90.9vw;
    /*height: 735px;*/
    height: 114.8vw;
    background-color: #fff;
    /*border-radius: 17px;*/
    border-radius: 2.65vw;
    text-align: center;
}

.textAppAttention {
    /*margin-top: 53px;*/
    margin-top: 8.28vw;
    /*width: 495px;*/
    width: 77.3vw;
    /*height: 444px;*/
    height: 69.37vw;
    background-image: url("../img/text_app_attention.png");
    display: inline-block;
}

.dialogBtn {
    /*margin-top: 69px;*/
    margin-top: 10.78vw;
}

.btnYes, .btnNo {
    /*width: 213px;*/
    width: 33.28vw;
    /*height: 96px;*/
    height: 15vw;
    background-color: #97ce98;
    border-radius: 5.3vw;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1vw 0;
    display: inline-block;
}

.btnYes {
    /*margin-right: 65px;*/
    margin-right: 10.15vw;
    background-image: url("../img/btn_yes.png");
}

.btnNo {
    background-image: url("../img/btn_no.png");
}