@charset "utf-8";

* {
    overflow-x: hidden;
    max-width: 750px;
}

body {
    margin: 0%;
    padding: 0%;
}

p {
    margin: 0%;
    padding: 0%;
    line-height: 0%;
    vertical-align: top;
}

img {
    width: 100%;
    height: auto;
    vertical-align: top;
    background-size: cover;
    margin: 0%;
    padding: 0%;
    line-height: 0%;
}


.fvbtn {
    position: relative;
}

.bagif {
    position: absolute;
    width: 32%;
    margin: 34%;
    top: 102vw;
    right: -15%;
}

.offercontent {
    position: relative;
}

.btn22 {
    position: absolute;
    top: 114vw;
    width: 92%;
    right: 3%;
    z-index: 1;
}



.offer2 {
    position: relative;
}

.btn222 {
    position: absolute;
    top: 113vw;
    width: 93%;
    z-index: 1;
    right: 3%;
}

.offer3 {
    position: relative;
}

.btn333 {
    position: absolute;
    top: 114vw;
    right: 4%;
    width: 90%;
    z-index: 1;
}


/*gif*/
.oya1 {
    position: relative;
}

.kohimitu1 {
    position: absolute;
    width: 91vw;
    top: 42vw;
    right: 4%;
    z-index: -1;
}

.oya3 {
    position: relative;
}

.kohimitu2 {
    position: absolute;
    width: 90vw;
    top: 160vw;
    right: 7%;
    margin: 0%;
    z-index: -4;
}

.surun {
    position: absolute;
    top: 150vw;
    z-index: 5;
}

.hadanogifoya {
    position: relative;
}

.uegif {
    position: absolute;
    top: 129vw;
    width: 70%;
    left: 16%;
}

video {
    width: 100%;
}

.okoe1 {
    position: relative;
}

.okoeko1 {
    position: absolute;
    top: 10%;
    left: 57%;
    width: 30%;
}

.okoe2 {
    position: relative;
}

.okoeko2 {
    position: absolute;
    top: 10%;
    left: 13%;
    width: 32%;
}

.okoe3 {
    position: relative;
}

.okoeko3 {
    position: absolute;
    top: 11%;
    left: 55%;
    width: 31%;
}

.okoe4 {
    position: relative;
}

.okoeko4 {
    position: absolute;
    top: 14%;
    left: 13%;
    width: 32%;
}

.floatBtn {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 10
}

.floatBtn_link {
    position: absolute;
    width: 37.5%;
    height: 100%;
    left: 63%;
    bottom: 0;
    top: 0;
    margin: auto 0
}




/* 以下ただのサンプルのため指定（親要素の幅） */
.width250 {
    width: 250px;
}

.width200 {
    width: 200px;
}

.width150 {
    width: 150px;
}


@media screen and (min-width:750px) {
    * {
        overflow-x: hidden;
        max-width: 750px;
        margin: auto !important;
    }



    #wrap {
        max-width: 750px;
    }

    p {
        text-align: center;
        max-width: 750px;
        margin: auto;
    }

    img {
        max-width: 750px;
    }

    .fvbtn {
        position: relative;
    }

    .bagif {
        width: 32%;
        margin: 34%;
        top: 58.5%;
        right: 19%
    }

    .fv01 {
        top: 86%;
        right: -1%;
        z-index: 1;
        width: 100%;
    }

    .kohimitu1 {
        width: 90%;
        top: 17%;
        right: 4%;
        z-index: -2;
    }

    .kohimitu2 {
        width: 100%;
        top: 66.7%;
        left: 0%;
    }

    .btn22 {
        top: 72%;
        width: 94%;
        right: 2%;
    }

    .btn333 {
        top: 72%;
        right: 2%;
        width: 93%;
    }

    .btn222 {
        top: 72%;
        width: 93%;
        right: 2%;
    }

    .uegif {
        top: 65%;
        width: 70%;
        margin: 15%;
    }

    .floatBtn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
        z-index: 10
    }

    .floatBtn_link {
        position: absolute;
        width: 37.5%;
        height: 100%;
        left: 63%;
        bottom: 0;
        top: 8px;
    }

    /* 即ボットCSS*/
    .wvLoading {
        width: 100vw;
        height: 100vh;
        background: #fff;
        display: flex;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translatex(-50%);
        z-index: 99999;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
        font-size: 0;
        line-height: 1;
    }

    .wvLoadingCnt {
        display: inline-block;
        height: auto;
        text-align: center;
        margin-top: -100px;
    }

    .wvLoadingCnt img {
        width: 100%;
        position: static;
        text-align: center;
        -webkit-animation-name: loading;
        animation-name: loading;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .wvLoadingCnt span {
        display: block;
        font-size: 14px;
        margin-top: 35px;
        color: #333;
        font-weight: bold;
    }

}