@charset "utf-8";

/* =======================================

    CommonElements lpe

======================================= */
body {
    font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
    overflow: hidden;
}

#lp-e-wrap{
    /*max-width: 1500px;*/
    margin: 0 auto;
}

#lp-e-wrap header#lp-e-header{
    position: fixed;
    top:0;
    z-index: 100;
    width:100%;
/*    background-color: #fff;*/
    opacity: 1;
    transition:opacity .6s cubic-bezier(0.480, 0.040, 0.865, 0.115) .1s;
}
.fp-viewing-secondPage #lp-e-wrap header#lp-e-header,
.fp-viewing-3rdPage #lp-e-wrap header#lp-e-header,
.fp-viewing-4thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-5thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-6thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-7thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-8thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-9thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-10thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-11thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-12thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-13thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-lastPage #lp-e-wrap header#lp-e-header
 {
        opacity:0;
    }

.fp-viewing-3rdPage #lp-e-wrap header#lp-e-header,
.fp-viewing-4thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-5thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-6thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-7thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-8thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-9thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-10thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-11thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-12thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-13thpage #lp-e-wrap header#lp-e-header,
.fp-viewing-lastPage #lp-e-wrap header#lp-e-header
 {
        display: none;
    }

#lp-e-wrap header#lp-e-header .wrap-logo{
    margin: 0;
    padding: 0;
    line-height: 0;
}
#lp-e-wrap header#lp-e-header .wrap-logo img.logo-konami{
    width:130px;
}

/*

トップ
.fp-viewing-firstPage #lp-e-wrap .section#section1

pv1
.fp-viewing-secondPage #lp-e-wrap .section#section-pv1

キャンペーン
.fp-viewing-3rdPage #lp-e-wrap .section#section-campaign

事前登録
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration

愛花
.fp-viewing-6thpage #lp-e-wrap .section#section3

凛子
.fp-viewing-7thpage #lp-e-wrap .section#section4

寧々
.fp-viewing-8thpage #lp-e-wrap .section#section5

いつでも
.fp-viewing-9thpage #lp-e-wrap .section#section6

フッター
.fp-viewing-9thpage #lp-e-wrap .section#section7


*/


/*----------basis----------------*/
 #lp-e-wrap .section#section0,
 #lp-e-wrap .section#section1,
 #lp-e-wrap .section#section2,
 #lp-e-wrap .section#section3,
 #lp-e-wrap .section#section4,
 #lp-e-wrap .section#section5,
 #lp-e-wrap .section#section6,
 #lp-e-wrap .section#section7,
 #lp-e-wrap .section#section8,
 #lp-e-wrap .section#section9,
 #lp-e-wrap .section#section10,
 #lp-e-wrap .section#section11,
 #lp-e-wrap .section#section-pv1,
 #lp-e-wrap .section#section-campaign,
 #lp-e-wrap .section#section-pre-registration,
 #lp-e-wrap .section#section-pre-registration_cp2,
 #lp-e-wrap .section#section-tgs,
 #lp-e-wrap .section#section-game,
 #lp-e-wrap .section#section-10days,
 #lp-e-wrap .section#section-loveletter,
 #lp-e-wrap .section#notice-191106,
 #lp-e-wrap .section#section-lawson,
 #lp-e-wrap .section#section-karatetsu

   {
    position: relative;
        width:100%;
        opacity: 0.8;
        overflow: hidden;
        transition:opacity .6s cubic-bezier(0.480, 0.040, 0.865, 0.115) .1s;
    }

.fp-viewing-firstPage #lp-e-wrap .section#section0,
.fp-viewing-firstPage #lp-e-wrap .section#section1,
.fp-viewing-secondPage #lp-e-wrap .section#section-game,
.fp-viewing-3rdPage #lp-e-wrap .section#section-pv1,
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration,
.fp-viewing-5thpage #lp-e-wrap .section#section-pre-registration_cp2,
.fp-viewing-6thpage #lp-e-wrap .section#section3,
.fp-viewing-7thpage #lp-e-wrap .section#section4,
.fp-viewing-8thpage #lp-e-wrap .section#section5,
.fp-viewing-9thpage #lp-e-wrap .section#section6,
.fp-viewing-10thpage #lp-e-wrap .section#section7
 {
        opacity:1;
    }


#lp-e-wrap .section#section0 div.bg-wrap,
#lp-e-wrap .section#section1 div.bg-wrap,
#lp-e-wrap .section#section2 div.bg-wrap,
#lp-e-wrap .section#section3 div.bg-wrap,
#lp-e-wrap .section#section4 div.bg-wrap,
#lp-e-wrap .section#section5 div.bg-wrap,
#lp-e-wrap .section#section6 div.bg-wrap,
#lp-e-wrap .section#section7 div.bg-wrap,
#lp-e-wrap .section#section8 div.bg-wrap,
#lp-e-wrap .section#section9 div.bg-wrap,
#lp-e-wrap .section#section10 div.bg-wrap,
#lp-e-wrap .section#section11 div.bg-wrap,
#lp-e-wrap .section#section-pv1 div.bg-wrap,
#lp-e-wrap .section#section-campaign div.bg-wrap,
#lp-e-wrap .section#section-pre-registration div.bg-wrap,
#lp-e-wrap .section#section-pre-registration_cp2 div.bg-wrap,
#lp-e-wrap .section#section-tgs div.bg-wrap,
#lp-e-wrap .section#section-game div.bg-wrap,
#lp-e-wrap .section#section-10days div.bg-wrap,
#lp-e-wrap .section#section-loveletter div.bg-wrap,
#lp-e-wrap .section#notice-191106 div.bg-wrap,
#lp-e-wrap .section#section-lawson div.bg-wrap,
#lp-e-wrap .section#section-karatetsu div.bg-wrap
{
        width:100%;
        height:100%;
        -webkit-transform:matrix(1.1,0,0,1.1,0,0);
        transform:matrix(1.1,0,0,1.1,0,0);
}

#lp-e-wrap .section#section0 div.content,
#lp-e-wrap .section#section1 div.content,
#lp-e-wrap .section#section2 div.content,
#lp-e-wrap .section#section3 div.content,
#lp-e-wrap .section#section4 div.content,
#lp-e-wrap .section#section5 div.content,
#lp-e-wrap .section#section6 div.content,
#lp-e-wrap .section#section7 div.content,
#lp-e-wrap .section#section8 div.content,
#lp-e-wrap .section#section9 div.content,
#lp-e-wrap .section#section10 div.content,
#lp-e-wrap .section#section11 div.content,
#lp-e-wrap .section#section-pv1 div.content,
#lp-e-wrap .section#section-campaign div.content,
#lp-e-wrap .section#section-pre-registration div.content,
#lp-e-wrap .section#section-pre-registration_cp2 div.content,
#lp-e-wrap .section#section-tgs div.content,
#lp-e-wrap .section#section-game div.content,
#lp-e-wrap .section#section-10days div.content,
#lp-e-wrap .section#section-loveletter div.content,
#lp-e-wrap .section#notice-191106 div.content,
#lp-e-wrap .section#section-lawson div.content,
#lp-e-wrap .section#section-karatetsu div.content
   {
        width:100%;
        height:100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #87dcff), color-stop(0.80, #fff), color-stop(0.24, #fff), color-stop(0.03, #87dcff));
        background: -webkit-linear-gradient(top, #87dcff 3%, #fff 24%, #fff 80%, #87dcff 100%);
        background: -moz-linear-gradient(top, #87dcff 3%, #fff 24%, #fff 80%, #87dcff 100%);
        background: -o-linear-gradient(top, #87dcff 3%, #fff 24%, #fff 80%, #87dcff 100%);
        background: -ms-linear-gradient(top, #87dcff 3%, #fff 24%, #fff 80%, #87dcff 100%);
        background: linear-gradient(to bottom, #87dcff 3%, #fff 24%, #fff 80%, #87dcff 100%);
        background-size:cover;
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-transform:matrix(1.1,0,0,1.1,0,0);
        transform:matrix(1.1,0,0,1.1,0,0);
        transition:transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .1s;
    }

#lp-e-wrap .section#section-karatetsu div.content
   {
    background: none;
    }


#lp-e-wrap .section#section1 div.content{
    background-image: url(../img/main_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
}


#lp-e-wrap .section#section7 div.content
   {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #87dcff), color-stop(0.80, #fff), color-stop(0.24, #fff), color-stop(0.03, #87dcff));
        background: -webkit-linear-gradient(top, #87dcff 3%, #fff 17%, #fff 86%, #87dcff 100%);
        background: -moz-linear-gradient(top, #87dcff 3%, #fff 17%, #fff 86%, #87dcff 100%);
        background: -o-linear-gradient(top, #87dcff 3%, #fff 17%, #fff 86%, #87dcff 100%);
        background: -ms-linear-gradient(top, #87dcff 3%, #fff 17%, #fff 86%, #87dcff 100%);
        background: linear-gradient(to bottom, #87dcff 3%, #fff 17%, #fff 86%, #87dcff 100%);
    }


#lp-e-wrap .section#section4 div.content
   {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #deffa7), color-stop(0.80, #fff), color-stop(0.24, #fff), color-stop(0.03, #deffa7));
        background: -webkit-linear-gradient(top, #deffa7 3%, #fff 24%, #fff 80%, #deffa7 100%);
        background: -moz-linear-gradient(top, #deffa7 3%, #fff 24%, #fff 80%, #deffa7 100%);
        background: -o-linear-gradient(top, #deffa7 3%, #fff 24%, #fff 80%, #deffa7 100%);
        background: -ms-linear-gradient(top, #deffa7 3%, #fff 24%, #fff 80%, #deffa7 100%);
        background: linear-gradient(to bottom, #deffa7 3%, #fff 24%, #fff 80%, #deffa7 100%);
    }
#lp-e-wrap .section#section5 div.content
   {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffc8cb), color-stop(0.80, #fff), color-stop(0.24, #fff), color-stop(0.03, #ffc8cb));
        background: -webkit-linear-gradient(top, #ffc8cb 3%, #fff 24%, #fff 80%, #ffc8cb 100%);
        background: -moz-linear-gradient(top, #ffc8cb 3%, #fff 24%, #fff 80%, #ffc8cb 100%);
        background: -o-linear-gradient(top, #ffc8cb 3%, #fff 24%, #fff 80%, #ffc8cb 100%);
        background: -ms-linear-gradient(top, #ffc8cb 3%, #fff 24%, #fff 80%, #ffc8cb 100%);
        background: linear-gradient(to bottom, #ffc8cb 3%, #fff 24%, #fff 80%, #ffc8cb 100%);
    }



#lp-e-wrap div.content .btn-store{
    width: 351px;
    margin: 4px auto;
    text-align: center;
    font-size: 0;
    box-sizing: border-box;
    }
#lp-e-wrap div.content .btn-store a{
    display: inline-block;
    width: 119px;
}
#lp-e-wrap div.content .btn-store a:nth-child(1){

    margin-right: 5px;
}
#lp-e-wrap div.content .btn-store a img{
    display: block;
    width: 100%;
}

#lp-e-wrap div.content .btn-other {
    width: 50%;
    margin: 0px 15px 6px 0;
    max-width: 303px;
    min-width: 270px;
    text-align: center;
}
#lp-e-wrap div.content .btn-other img {
    width: 100%;
    margin-bottom: 4px;
}



/*-------------section0-------------*/


#lp-e-wrap .section#section0 img.lpe-logo {
    display: block;
    margin: 0 auto 30px;
    width: 100%;
    max-width: 230px;
}

#lp-e-wrap .section#section0 .text {
    width: 80vw;
    max-width: 525px;
    line-height: 1.4;
    text-align: center;
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 84%;
    color: #0096ca;
}

#lp-e-wrap .section#section0 .text h2 {
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 21px;
}

#lp-e-wrap .section#section0 .text p {
    text-align: left;
    display: inline-block;
}

#lp-e-wrap .section#section0 .text .btn-notice0526 {
    padding: 7px;
    border: 2px solid #a6d1e6;
    border-radius: 4px;
    background-color: #fff;
    max-width: 411px;
    margin: 20px auto 0;
    font-weight: bold;
}

@media screen and (max-width: 780px){

#lp-e-wrap .section#section0 img.lpe-logo {
    width: 65%;
}

#lp-e-wrap .section#section0 .text h2 {
    font-size: 115%;
}

    #lp-e-wrap .section#section0 .text {
    font-size: 70%;
    top: 11%;
}

}









/*-----------------topics-------------*/

div.modal_topics{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: -5000;
    background-image: url(../img/bg_topics.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    background-color: #fff;
    overflow: scroll;
}
div.modal_topics .box-topics {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    background-color: rgba(0,0,0,0); 
}

.topics_close{
    position: fixed;
    top: 0;
    right:15px;
    width: 70px;
    height: 70px;
    z-index: 10000;
    overflow: hidden;
    border: none;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
}
.topics_close:focus {
    outline:0;
}
.topics_close img{
    width: 100%;
}

.modal-lpe_logo {
    width: 60%;
    max-width: 300px;
    margin: 50px auto;
    display: block;
}
.box-bnr{
    width: 90%;
    max-width: 480px;
    margin: 0 auto 40px;
}
.box-bnr a img{
    width: 100%;
    margin-bottom: 10px;
}
.topics_hw {
    position: relative;
    width: 94%;
    max-width: 600px;
    height: 50px;
    margin: 0 auto;
    text-align: left;
    z-index: -300;
}
.topics_hw img {
    width: 101px;
    position: absolute;
    top: -62px;
    left: -22px;
}
.ul_topics {
    width: 94%;
    max-width: 600px;
    margin: 0 auto;
}
.ul_topics li{
    border-top: 2px dotted #ccc;
    margin-bottom: 7px;
}
.ul_topics li:last-child{
    border-bottom: 2px dotted #ccc;
    padding-bottom: 7px;
}
.ul_topics span.date{
    background-color: #ccc;
    display: inline-block;
    padding: 3px 11px;
    font-size: 13px;
    margin: 6px 0;
    color: #fff;
}
.ul_topics span.text-topics {
    color: #2fb2f3;
    font-size: 90%;
}
.box-twitter {
    width: 90%;
    max-width: 500px;
    margin: 64px auto;
    background-color: #6fc6ff;
    padding: 5px 8px 8px;
    border-radius: 12px;
}
.box-twitter .twt-official {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
}
.box-twitter .twt-official img {
    width: 72px;
    margin: 6px 10px 11px 0;
}
.btn-other a{
    cursor: pointer;
}

.btn-alltopics {
    text-align: right;
    width: 141px;
    margin: 5px auto 9px;
}
.btn-alltopics img {
    width: 100%;
}
.wrap-flex{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 3px auto 6px;
    justify-content: center;
}
.wrap-flex .link_lite{
    width: 50%;
    max-width: 244px;
    min-width: 225px;
    margin: 3px auto 4px;
}
.wrap-flex .link_lite img{
    width: 100%;
}

@media screen and (max-width: 768px){

    .topics_close {
    top: 8px;
    right: 9px;
    width: 49px;
    height: 49px;
    }
    .wrap-flex{
        flex-direction: column;
    }
    #lp-e-wrap div.content .btn-other {
        margin: 0px auto 6px;
    }
    .box-bnr {
    margin: 0 auto;
    }

}




/*------------notice-191106-----------*/

#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 {
    width: 90%;
    max-width: 900px;
    margin: 6px auto 10px;
    /* padding-top: 105px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 img{
    display: block;
    width: 35%;
    max-width: 200px;
    margin: -1px auto 10px;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 h3{
    width: 90%;
    margin: 10px auto;
    text-align: center;
    color: #5a5a5a;
    line-height: 1.2em;
    font-size: 73%;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 .notice-date{
    display: block;
    width: 90%;
    margin: 10px auto;
    text-align: center;
    color: #5a5a5a;
    line-height: 1.2em;
    font-size: 73%;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 p{
    width: 83%;
    margin: 0 auto 0;
    color: #5a5a5a;
    font-size: 60%;
    line-height: 1.2em;
}

#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 a{
    max-width: 320px;
    margin: 20px auto 0;
    display: block;
    padding: 9px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    color: #5a5a5a;
    font-size: 60%;
    line-height: 1.2em;
}

/*-----------notice_1912------------*/

#lp-e-wrap .section#section1 div.content .link_notice_1912 {
    width: 75%;
    max-width: 328px;
    padding: 9px;
    margin: 7px auto 17px;
    font-size: 80%;
    text-decoration: none;
    color: #fff;
    background-color: rgba(23, 191, 221, 0.76);
    margin: 7px auto;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.2em;

}
#lp-e-wrap .section#section1 div.content .topics-box a {
    text-decoration: none;
    cursor: pointer;
}





/*lawson------------------------------------------------*/

#lp-e-wrap .section#section-lawson div.content{
    position: relative;
    background-image: url(../img/lawson_bg_gradation.jpg);
    background-repeat: no-repeat;
    background-size: 66vh;
    background-position: 50% 12%;
}
#lp-e-wrap .section#section-lawson div.content:before{
    content: "";
    position: absolute;
    background-image: url(../img/lawson_bg_deco.png);
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 20% 52%;
    -webkit-animation: bgroop-lawson 80s ease infinite;
    -moz-animation:bgroop-lawson 80s ease infinite;
    -ms-animation:bgroop-lawson 80s ease infinite;
    animation: bgroop-lawson 80s ease infinite;
}
@keyframes bgroop-lawson{
    0%{transform:translate3d(0%,0,0); opacity: 1}
    50%{transform:translate3d(-30%,10%,0); opacity: 0.5}   
    100%{transform:translate3d(0%,0,0); opacity: 1}
}
@-webkit-keyframes bgroop-lawson{
    0%{transform:translate3d(0%,0,0); opacity: 1}
    50%{transform:translate3d(-30%,10%,0); opacity: 0.5}   
    100%{transform:translate3d(0%,0,0); opacity: 1}
}
@-moz-keyframes bgroop-lawson{
    0%{transform:translate3d(0%,0,0); opacity: 1}
    50%{transform:translate3d(-30%,10%,0); opacity: 0.5}   
    100%{transform:translate3d(0%,0,0); opacity: 1}
}
@-ms-keyframes bgroop-lawson{
    0%{transform:translate3d(0,0,0); opacity:0.7} 
    100%{transform:translate3d(0,0,0); opacity:0.7}
}

#lp-e-wrap .section#section-lawson div.content img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#lp-e-wrap .section#section-lawson div.content img.img-kanojo{
    top: 35%;
    left: 56%;
    width: 52vh;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_logo_lp{
    top: 51%;
    width: 26vh;
}
#lp-e-wrap .section#section-lawson div.content div.wrap-text1{
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 1000%;
    height: 3vh;
    padding: 2vh;
    text-align: center;
    background-color: #004098;
    box-sizing: border-box;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_text_1{
    width: 6.5%;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_text_2{
    top: 70%;
    width: 32vh;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_btn{
    top: 83%;
    width: 27vh;
}

/*---transition----*/
#lp-e-wrap .section#section-lawson div.content img.img-kanojo
/*.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu*/
{
    width: 105%;
    transition:width .9s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-lawson div.content img.img-kanojo
{
    width: 100%;
}


@media (min-height: 800px) {
   /* height 800px over */
#lp-e-wrap .section#section-lawson div.content{
    background-size: 56vh;
    background-position: 50% 17%;
}
#lp-e-wrap .section#section-lawson div.content img.img-kanojo {
    width: 44vh;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_btn {
    width: 26vh;
}

}


@media (min-width: 900px) {

#lp-e-wrap .section#section-lawson div.content{
    background-size: 1181px;
    background-position: 50% 50%;
    background-image: url(../img/lawson_bg_gradation_pc.jpg);
}
#lp-e-wrap .section#section-lawson div.content:before{
    content: "";
    position: absolute;
    background-image: url(../img/lawson_bg_deco.png);
    top: 0;
    left: 0;
    width: 133%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 32%;
    -webkit-animation: bgroop-lawson 130s ease infinite;
    -moz-animation:bgroop-lawson 130s ease infinite;
    -ms-animation:bgroop-lawson 130s ease infinite;
    animation: bgroop-lawson 130s ease infinite;
}

#lp-e-wrap .section#section-lawson div.content img.img-kanojo{
    top: 148px;
    left: 331px;
    z-index: 100;
}
/*---transition----*/
#lp-e-wrap .section#section-lawson div.content img.img-kanojo
/*.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu*/
{
    width: 622px;
    transition:width .9s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-lawson div.content img.img-kanojo
{
    width: 548px;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_logo_lp{
    top: 8px;
    left: -105px;
    width: 272px;
}
#lp-e-wrap .section#section-lawson div.content div.wrap-text1{
    top: 74px;
    left: 124px;
    width: 1823px;
    height: 35px;
    padding: 4px;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_text_1{
    width: 12%;
    max-width: 633px;
    left: 684px;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_text_2{
    top: 186px;
    left: -112px;
    width: 310px;
    max-width: 631px;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_btn{
    top: 307px;
    left: -106px;
    width: 216px;
}

}




/*karatetsu------------------------------------------------*/

#lp-e-wrap .section#section-karatetsu div.content{
    position: relative;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-1{
    position: absolute;
    width: 130vh;
    top: 7%;
    left: -25%;
    -webkit-animation: bgroop-karatetsu 22s ease infinite;
    -moz-animation:bgroop-karatetsu 22s ease infinite;
    -ms-animation:bgroop-karatetsu 22s ease infinite;
    animation: bgroop-karatetsu 22s ease infinite;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-2{
    position: absolute;
    width: 183vh;
    top: -86%;
    left: -7%;
    -webkit-animation: bgroop-karatetsu 24s ease infinite;
    -moz-animation:bgroop-karatetsu 24s ease infinite;
    -ms-animation:bgroop-karatetsu 24s ease infinite;
    animation: bgroop-karatetsu 24s ease infinite;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-3{
    position: absolute;
    width: 71vh;
    top: 51%;
    left: 1%;
    -webkit-animation: bgroop-karatetsu_third 20s ease infinite;
    -moz-animation:bgroop-karatetsu_third 20s ease infinite;
    -ms-animation:bgroop-karatetsu_third 20s ease infinite;
    animation: bgroop-karatetsu_third 20s ease infinite;
}

@keyframes bgroop-karatetsu{
    0%{transform:translate3d(0,0,0); opacity: 0}
    10%{transform:translate3d(0,0,0); opacity: 1}
    80%{transform:translate3d(-130px,10px,0); opacity: 1}
    99%{transform:translate3d(-135px,10px,0); opacity: 0} 
    100%{transform:translate3d(0,0,0); opacity: 0}
}
@-webkit-keyframes bgroop-karatetsu{
    0%{transform:translate3d(0,0,0); opacity: 0}
    10%{transform:translate3d(0,0,0); opacity: 1}
    80%{transform:translate3d(-130px,10px,0); opacity: 1}
    99%{transform:translate3d(-135px,10px,0); opacity: 0} 
    100%{transform:translate3d(0,0,0); opacity: 0}
}
@-moz-keyframes bgroop-karatetsu{
    0%{transform:translate3d(0,0,0); opacity: 0}
    10%{transform:translate3d(0,0,0); opacity: 1}
    80%{transform:translate3d(-130px,10px,0); opacity: 1}
    99%{transform:translate3d(-135px,10px,0); opacity: 0} 
    100%{transform:translate3d(0,0,0); opacity: 0}
}
@-ms-keyframes bgroop-karatetsu{
    0%{transform:translate3d(0,0,0); opacity:0.7} 
    100%{transform:translate3d(0,0,0); opacity:0.7}
}





@keyframes bgroop-karatetsu_third{
    0%{transform:translate3d(100px,0,0); opacity: 0}
    10%{transform:translate3d(100px,0,0); opacity: 1}
    80%{transform:translate3d(-50px,10px,0); opacity: 1}
    99%{transform:translate3d(-55px,10px,0); opacity: 0} 
    100%{transform:translate3d(0,0,0); opacity: 0}
}
@-webkit-keyframes bgroop-karatetsu_third{
    0%{transform:translate3d(100px,0,0); opacity: 0}
    10%{transform:translate3d(100px,0,0); opacity: 1}
    80%{transform:translate3d(-50px,10px,0); opacity: 1}
    99%{transform:translate3d(-55px,10px,0); opacity: 0} 
    100%{transform:translate3d(0,0,0); opacity: 0}
}
@-moz-keyframes bgroop-karatetsu_third{
    0%{transform:translate3d(100px,0,0); opacity: 0}
    10%{transform:translate3d(100px,0,0); opacity: 1}
    80%{transform:translate3d(-50px,10px,0); opacity: 1}
    99%{transform:translate3d(-55px,10px,0); opacity: 0} 
    100%{transform:translate3d(0,0,0); opacity: 0}
}
@-ms-keyframes bgroop-karatetsu_third{
    0%{transform:translate3d(0,0,0); opacity:0.7} 
    100%{transform:translate3d(0,0,0); opacity:0.7}
}


#lp-e-wrap .section#section-karatetsu div.content .img-kanojo,
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp,
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_logo,
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_date,
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_text_1,
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#lp-e-wrap .section#section-karatetsu div.content .img-kanojo{
    display: none;
}
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp{
    width: 52vh;
    top: 35%;
    left: 50%;
}

/*---transition----*/
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo,
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp
/*.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu*/
{
    width: 55vh;
    transition:width .9s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content img.img-kanojo,
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content img.img-kanojo_sp
{
    width: 52vh;
}


#lp-e-wrap .section#section-karatetsu div.content .karatetsu_logo{
    width: 38vh;
    top: 57%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_date{
    width: 48vh;
    top: 64%;
    left: 50%;
    padding-bottom: 16px;
    border-bottom: 1px dotted #ccc;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_text_1{
    width: 44vh;
    top: 71%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_btn{
    width: 30vh;
    top: 79%;
    left: 50%;
}

@media (min-width: 374px) and (max-width: 413px) {
   /* height 800px over */
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp{
    top: 34%;
    left: 50%;
}
/*---transition----*/
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp
{
    width: 55vh;
    transition:width .9s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content img.img-kanojo_sp
{
    width: 42vh;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_logo {
    width: 34vh;
    top: 53%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_date {
    width: 39vh;
    top: 61%;
    left: 50%
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_text_1 {
    width: 38vh;
    top: 68%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_btn {
    width: 26vh;
    top: 76%;
    left: 50%;
}

}



@media (min-width: 900px){

#lp-e-wrap .section#section-karatetsu div.content .bg-deco-1 {
    position: absolute;
    width: 1255px;
    top: -170px;
    left: -271px;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-2 {
    position: absolute;
    width: 790px;
    top: -170px;
    left: -338px;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-3 {
    position: absolute;
    width: 1054px;
    top: -65px;
    left: 5px;
}
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo{
    display: block;
    width: 830px;
    top: 88px;
    left: 150px;
}
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp{
    display: none;
}
/*---transition----*/
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo,
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp
/*.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu*/
{
    width: 860px;
    transition:width .9s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content img.img-kanojo,
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content img.img-kanojo_sp
{
    width: 830px;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_logo {
    width: 348px;
    top: 315px;
    left: -44px;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_date{
    width: 325px;
    top: 370px;
    left: -43px;
    padding-bottom: 0px;
    border-bottom: none;
}
#lp-e-wrap .section#section-karatetsu div.content .line-deco{
    position: absolute;
    top: 285px;
    right: 97px;
    height: 96px;
    width: 10px;
    border-right: 1px dotted #a7a7a7;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_text_1{
    width: 297px;
    top: 308px;
    left: 371px;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_btn{
    width: 216px;
    top: 361px;
    left: 332px;
}


}


/*loveletter*/
.section#section-loveletter div.content .loveletter-img,
.section#section-loveletter div.content .loveletter-hw,
.section#section-loveletter div.content .loveletter-date,
.section#section-loveletter div.content .loveletter-bodycopy,
.section#section-loveletter div.content .loveletter-btn
{
    position: absolute;
    -webkit-transform:matrix(1.1,0,0,1.1,0,0);
    transform:matrix(1.1,0,0,1.1,0,0);
    transition:transform .9s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.section#section-loveletter div.content .loveletter-img img,
.section#section-loveletter div.content .loveletter-hw img,
.section#section-loveletter div.content .loveletter-date img,
.section#section-loveletter div.content .loveletter-bodycopy img,
.section#section-loveletter div.content .loveletter-btn img{
    width: 100%;
}
.fp-viewing-3rdPage #lp-e-wrap .section#section-loveletter div.content .loveletter-img,
.fp-viewing-3rdPage #lp-e-wrap .section#section-loveletter div.content .loveletter-hw,
.fp-viewing-3rdPage #lp-e-wrap .section#section-loveletter div.content .loveletter-date,
.fp-viewing-3rdPage #lp-e-wrap .section#section-loveletter div.content .loveletter-bodycopy,
.fp-viewing-3rdPage #lp-e-wrap .section#section-loveletter div.content .loveletter-btn
{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
.section#section-loveletter div.content .loveletter-img
{
    top: 34px;
    left: -35px;
    width: 356px;
    z-index: 500;
}
.section#section-loveletter div.content .loveletter-hw
{
    top: 314px;
    left: 6px;
    width: 281px;
}
.section#section-loveletter div.content .loveletter-date
{
    top: 351px;
    left: 15px;
    width: 263px;
}
.section#section-loveletter div.content .loveletter-bodycopy
{
    top: 440px;
    left: 46px;
    width: 208px;
}
.section#section-loveletter div.content .loveletter-btn
{
    top: 476px;
    left: 68px;
    width: 163px;
}

#lp-e-wrap .section#section-loveletter div.content
 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #87dcff), color-stop(0.88, #fff), color-stop(0.13, #fff), color-stop(0.03, #87dcff));
    background: -webkit-linear-gradient(top, #87dcff 3%, #fff 13%, #fff 88%, #87dcff 100%);
    background: -moz-linear-gradient(top, #87dcff 3%, #fff 13%, #fff 88%, #87dcff 100%);
    background: -o-linear-gradient(top, #87dcff 3%, #fff 13%, #fff 88%, #87dcff 100%);
    background: -ms-linear-gradient(top, #87dcff 3%, #fff 13%, #fff 88%, #87dcff 100%);
    background: linear-gradient(to bottom, #87dcff 3%, #fff 13%, #fff 88%, #87dcff 100%);
}



/*--------10days----------*/

#lp-e-wrap .section#section-10days h4
{
    display: block;
    width: 285px;
    bottom: 85px;
    left: 9px;
}
#lp-e-wrap .section#section-10days .twtcp_10days_btn
{
    display: block;
    width: 196px;
    bottom: 44px;
    left: 56px;
}

#lp-e-wrap .section#section-10days ul.ul-badge li
{
    display: block;
    width: 125px;
}
#lp-e-wrap .section#section-10days .twtcp_10days_btn img,
#lp-e-wrap .section#section-10days h4 img,
#lp-e-wrap .section#section-10days ul.ul-badge li img
{
    display: block;
    width:100%;
}

#lp-e-wrap .section#section-10days .twtcp_10days_btn,
#lp-e-wrap .section#section-10days h4,
#lp-e-wrap .section#section-10days ul.ul-badge li
{
    position: absolute;
}
#lp-e-wrap .section#section-10days ul.ul-badge li
{
/*    opacity: 0;*/
}

#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(1)
{
    top: 43px;
    left: 18px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(2)
{
    top: 43px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(3)
{
    top: 96px;
    left: 18px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(4)
{
    top: 96px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(5)
{
    top: 150px;
    left: 18px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(6)
{
    top: 150px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(7)
{
    top: 203px;
    left: 18px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(8)
{
    top: 203px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(9)
{
    top: 255px;
    left: 18px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(10)
{
    top: 255px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(1),
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(2)
{   
    -webkit-transform:matrix(1.1,0,0,1.1,0,0);
    transform:matrix(1.1,0,0,1.1,0,0);
    transition:transform .5s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(3),
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(4)
{   
    -webkit-transform:matrix(1.1,0,0,1.1,0,0);
    transform:matrix(1.1,0,0,1.1,0,0);
    transition:transform .5s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(5),
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(6)
{   
    -webkit-transform:matrix(1.1,0,0,1.1,0,0);
    transform:matrix(1.1,0,0,1.1,0,0);
    transition:transform .5s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(7),
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(8)
{   
    -webkit-transform:matrix(1.1,0,0,1.1,0,0);
    transform:matrix(1.1,0,0,1.1,0,0);
    transition:transform .5s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(9),
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(10)
{   
    -webkit-transform:matrix(1.1,0,0,1.1,0,0);
    transform:matrix(1.1,0,0,1.1,0,0);
    transition:transform .5s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}

.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(1),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(2),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(3),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(4),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(5),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(6),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(7),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(8),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(9),
.fp-viewing-4thpage #lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(10)
{   
    opacity: 1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}







/*pv1   +   loveletter + 10days */
#lp-e-wrap .section#section-pv1 div.content:after,
#lp-e-wrap .section#section-loveletter div.content:after,
#lp-e-wrap .section#section-10days div.content:after
   {
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-size: cover;
    -webkit-animation: bgroop 20s ease infinite;
    -moz-animation:bgroop 20s ease infinite;
    -ms-animation:bgroop 20s ease infinite;
    animation: bgroop 20s ease infinite;
    }
#lp-e-wrap .section#section-pv1 div.content:after
   {
    background-image: url(../img/pv1-bg.jpg);
    }
#lp-e-wrap .section#section-loveletter div.content:after
   {
    background-image: url(../img/loveletter-bg.png);
    }
#lp-e-wrap .section#section-10days div.content:after
   {
    background-image: url(../img/10days_bg.png);
    }

@keyframes bgroop{
    0%{transform:translate3d(0%,0,0); opacity: 1}
    50%{transform:translate3d(-5%,2%,0); opacity: 0.4}   
    100%{transform:translate3d(0%,0,0); opacity: 1}
}
@-webkit-keyframes bgroop{
    0%{transform:translate3d(0%,0,0); opacity: 1}
    50%{transform:translate3d(-5%,2%,0); opacity: 0.4}   
    100%{transform:translate3d(0%,0,0); opacity: 1}
}
@-moz-keyframes bgroop{
    0%{transform:translate3d(0%,0,0); opacity: 1}
    50%{transform:translate3d(-5%,2%,0); opacity: 0.4}   
    100%{transform:translate3d(0%,0,0); opacity: 1}
}
@-ms-keyframes bgroop{
    0%{transform:translate3d(0,0,0); opacity:0.5} 
    100%{transform:translate3d(0,0,0); opacity:0.5}
}


/*campaingn*/
#lp-e-wrap .section#section-campaign div.content
   {

    }
/*pre-registration*/
#lp-e-wrap .section#section-pre-registration div.content
   {
    background-color:#fff;
    background-image: url(../img/pre-reg-bg-sp-pattern.jpg);
    background-repeat: no-repeat;
    background-size: 1290px;
    background-position: 56% 6%;
    }


#lp-e-wrap .section#section-pre-registration div.content .img-present:before{
    content: "";
    height: 631px;
    width: 422px;
    position: absolute;
    top: 46px;
    left: -73px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 0%;
    z-index: -100;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration div.content .img-present:before{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-pre-registration div.content .img-present.reward1:before {
    background-image: url(../img/pre-reg-bg-sp-manaka.png);
}
#lp-e-wrap .section#section-pre-registration div.content .img-present.reward2:before {
    background-image: url(../img/pre-reg-bg-sp-rinko.png);
/*    background-position: 25% 50%;*/
}
#lp-e-wrap .section#section-pre-registration div.content .img-present.reward3:before {
    background-image: url(../img/pre-reg-bg-sp-nene.png);
}

/*pre-registration_cp2*/
/*#lp-e-wrap .section#section-pre-registration_cp2 div.content
   {
    background-color:#fff;
    background-image: url(../img/pre-reg-bg-sp-pattern.jpg);
    background-repeat: no-repeat;
    background-size: 1290px;
    background-position: 56% 6%;
    }

#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp21
   {
    background-color:#fff;
    background-image: url(../img/pre-reg-bg-sp-pattern.jpg);
    background-repeat: no-repeat;
    background-size: 1290px;
    background-position: 56% 6%;
    }*/
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp21:after,
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp22:after,
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp23:after
   {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-size: cover;
/*    -webkit-animation: bgroop 20s ease infinite;
    -moz-animation: bgroop 20s ease infinite;
    -ms-animation: bgroop 20s ease infinite;
    animation: bgroop 20s ease infinite;*/
    }
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp21:after
   {
    background-image: url(../img/pre-registration_cp2_1.jpg);
    }
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp22:after
   {
    background-image: url(../img/pre-registration_cp2_1.jpg);
    }
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp23:after
   {
    background-image: url(../img/pre-registration_cp2_1.jpg);
    }


#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present:before {
    content: "";
    height: 491px;
    width: 376px;
    position: absolute;
    top: 55px;
    left: -38px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 0%;
    z-index: -100;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
.fp-viewing-5thpage #lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present:before{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present.reward_cp21:before {
    background-image: url(../img/pre-registration_cp2_img_1_sp.png);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present.reward_cp22:before {
    background-image: url(../img/pre-registration_cp2_img_2_sp.png);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present.reward_cp23:before {
    background-image: url(../img/pre-registration_cp2_img_3_sp.png?v2);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text1
{
    position: absolute;
    top: 348px;
    left: -1px;
    width: 96px;
    z-index: 500;
    transform: rotate(-21deg);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text2 {
    position: absolute;
    top: 348px;
    right: 0px;
    width: 201px;
    z-index: 500;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text2 img,
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text1 img{
    width: 100%;
}



/*#lp-e-wrap .section#section-pre-registration div.content:before
   {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 353px;
    background-position: center -76%;
    z-index: 50;
    }
#lp-e-wrap .section#section-pre-registration div.content.reward1:before {
    background-image: url(../img/pre-reg-bg-sp-manaka.png);
}
#lp-e-wrap .section#section-pre-registration div.content.reward2:before {
    background-image: url(../img/pre-reg-bg-sp-rinko.png);
}
#lp-e-wrap .section#section-pre-registration div.content.reward3:before {
    background-image: url(../img/pre-reg-bg-sp-nene.png);
}*/


#lp-e-wrap .section#section-pre-registration div.content:after
   {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.71, #00a2ff), color-stop(0.47, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 47%, #00a2ff 71%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 47%, #00a2ff 71%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 47%, #00a2ff 71%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 47%, #00a2ff 71%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 47%, #00a2ff 71%);
    }

/*tgs2018*/
#lp-e-wrap .section#section-tgs div.content
   {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7cdffe), color-stop(0.80, #0072ff), color-stop(0.24, #0072ff), color-stop(0.03, #7cdffe));
        background: -webkit-linear-gradient(top, #7cdffe 3%, #0072ff 24%, #1dacff 50%, #0072ff 80%, #7cdffe 100%);
        background: -moz-linear-gradient(top, #7cdffe 3%, #0072ff 24%, #1dacff 50%, #0072ff 80%, #7cdffe 100%);
        background: -o-linear-gradient(top, #7cdffe 3%, #0072ff 24%, #1dacff 50%, #0072ff 80%, #7cdffe 100%);
        background: -ms-linear-gradient(top, #7cdffe 3%, #0072ff 24%, #1dacff 50%, #0072ff 80%, #7cdffe 100%);
        background: linear-gradient(to bottom, #7cdffe 3%, #0072ff 24%, #1dacff 50%, #0072ff 80%, #7cdffe 100%);
    }
#lp-e-wrap .section#section-tgs div.content:after
   {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url(../img/tgs2018_backdeco.png);
    background-size: 360px;
    background-position: 285px 141px;
    background-repeat: repeat;
    opacity: 0.7;
    }


.fp-viewing-firstPage #lp-e-wrap .section#section0 div.content,
.fp-viewing-firstPage #lp-e-wrap .section#section1 div.content,
.fp-viewing-secondPage #lp-e-wrap .section#section-lawson div.content,
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content,
.fp-viewing-secondPage #lp-e-wrap .section#section-game div.content,
.fp-viewing-3rdPage #lp-e-wrap .section#section-pv1 div.content,
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration div.content,
.fp-viewing-5thpage #lp-e-wrap .section#section-pre-registration_cp2 div.content,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.content,
.fp-viewing-10thpage #lp-e-wrap .section#section7 div.content
 {
       -webkit-transform:matrix(1,0,0,1,0,0);
       transform:matrix(1,0,0,1,0,0);
    }



/*----------content-adjust-vtcl----------------*/

#lp-e-wrap .section#section0 div.content .content-adjust, 
#lp-e-wrap .section#section1 div.content .content-adjust, 
#lp-e-wrap .section#section2 div.content .content-adjust, 
#lp-e-wrap .section#section3 div.content .content-adjust,
#lp-e-wrap .section#section4 div.content .content-adjust,
#lp-e-wrap .section#section5 div.content .content-adjust,
#lp-e-wrap .section#section6 div.content .content-adjust,
#lp-e-wrap .section#section7 div.content .content-adjust,
#lp-e-wrap .section#section8 div.content .content-adjust,
#lp-e-wrap .section#section-pv1 div.content .content-adjust,
#lp-e-wrap .section#section-campaign div.content .content-adjust,
#lp-e-wrap .section#section-pre-registration div.content .content-adjust,
#lp-e-wrap .section#section-pre-registration_cp2 div.content .content-adjust,
#lp-e-wrap .section#section-tgs div.content .content-adjust,
#lp-e-wrap .section#section-game div.content .content-adjust,
#lp-e-wrap .section#section-10days div.content .content-adjust,
#lp-e-wrap .section#section-loveletter div.content .content-adjust,
.fp-viewing-secondPage #lp-e-wrap .section#section-lawson div.content .content-adjust,
.fp-viewing-secondPage #lp-e-wrap .section#section-karatetsu div.content .content-adjust
{
        width:300px;
        height:100%;
/*        padding-top: 47px;*/
        position: relative;
        margin:0 auto;
    }

#lp-e-wrap .section#section1 div.content{
    overflow: hidden;
}

#lp-e-wrap .section#section0 div.content .content-adjust .content-adjust-vtcl, 
#lp-e-wrap .section#section1 div.content .content-adjust .content-adjust-vtcl, 
#lp-e-wrap .section#section2 div.content .content-adjust .content-adjust-vtcl, 
#lp-e-wrap .section#section3 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section4 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section5 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section6 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section7 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section8 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-pv1 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-campaign div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-pre-registration div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-pre-registration_cp2 div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-tgs div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-game div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-10days  div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-loveletter div.content .content-adjust .content-adjust-vtcl
{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 1000;
        min-width: 300px;
        height: 532px;
    }
#lp-e-wrap .section#section7 div.content .content-adjust .content-adjust-vtcl{
        width: 390px;
}
#lp-e-wrap .section#section-lawson  div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-karatetsu div.content .content-adjust .content-adjust-vtcl
{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 1000;
        min-width: 300px;
        height: 100vh;
    }

@media (min-width:900px){

#lp-e-wrap .section#section-lawson  div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-karatetsu div.content .content-adjust .content-adjust-vtcl
{
        height: 300px;
        max-height: 300px;
    }

}










/*----------deco----------------*/


#lp-e-wrap .section#section2 div.deco-container,
#lp-e-wrap .section#section3 div.deco-container, 
#lp-e-wrap .section#section4 div.deco-container, 
#lp-e-wrap .section#section5 div.deco-container  {
    position: absolute;
    width: 320px;
    height: 560px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}



#lp-e-wrap .section#section3 div.deco-wrap-1,
#lp-e-wrap .section#section4 div.deco-wrap-1,
#lp-e-wrap .section#section5 div.deco-wrap-1,
#lp-e-wrap .section#section6 div.deco-wrap-1
 {
    position: absolute;
    width: 300px;
    top: -41px;
    left: 0%;
    margin: 0 auto;
    height: 109%;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section3 div.deco-wrap-2,
#lp-e-wrap .section#section4 div.deco-wrap-2,
#lp-e-wrap .section#section5 div.deco-wrap-2,
#lp-e-wrap .section#section6 div.deco-wrap-2
 {
    display: none;
}

#lp-e-wrap .section#section3 div.deco-1,
#lp-e-wrap .section#section3 div.deco-2,
#lp-e-wrap .section#section3 div.deco-3,
#lp-e-wrap .section#section3 div.deco-4,
#lp-e-wrap .section#section3 div.deco-5,
#lp-e-wrap .section#section3 div.deco-6,
#lp-e-wrap .section#section3 div.deco-7,
#lp-e-wrap .section#section3 div.deco-8,
#lp-e-wrap .section#section3 div.deco-9,
#lp-e-wrap .section#section3 div.deco-10,
#lp-e-wrap .section#section3 div.deco-11,
#lp-e-wrap .section#section3 div.deco-12,
#lp-e-wrap .section#section3 div.deco-13,
#lp-e-wrap .section#section3 div.deco-14,
#lp-e-wrap .section#section3 div.deco-15,
#lp-e-wrap .section#section3 div.deco-16,
#lp-e-wrap .section#section4 div.deco-1,
#lp-e-wrap .section#section4 div.deco-2,
#lp-e-wrap .section#section4 div.deco-3,
#lp-e-wrap .section#section4 div.deco-4,
#lp-e-wrap .section#section4 div.deco-5,
#lp-e-wrap .section#section4 div.deco-6,
#lp-e-wrap .section#section4 div.deco-7,
#lp-e-wrap .section#section4 div.deco-8,
#lp-e-wrap .section#section4 div.deco-9,
#lp-e-wrap .section#section4 div.deco-10,
#lp-e-wrap .section#section4 div.deco-11,
#lp-e-wrap .section#section4 div.deco-12,
#lp-e-wrap .section#section4 div.deco-13,
#lp-e-wrap .section#section4 div.deco-14,
#lp-e-wrap .section#section4 div.deco-15,
#lp-e-wrap .section#section4 div.deco-16,
#lp-e-wrap .section#section5 div.deco-1,
#lp-e-wrap .section#section5 div.deco-2,
#lp-e-wrap .section#section5 div.deco-3,
#lp-e-wrap .section#section5 div.deco-4,
#lp-e-wrap .section#section5 div.deco-5,
#lp-e-wrap .section#section5 div.deco-6,
#lp-e-wrap .section#section5 div.deco-7,
#lp-e-wrap .section#section5 div.deco-8,
#lp-e-wrap .section#section5 div.deco-9,
#lp-e-wrap .section#section5 div.deco-10,
#lp-e-wrap .section#section5 div.deco-11,
#lp-e-wrap .section#section5 div.deco-12,
#lp-e-wrap .section#section5 div.deco-13,
#lp-e-wrap .section#section5 div.deco-14,
#lp-e-wrap .section#section5 div.deco-15,
#lp-e-wrap .section#section5 div.deco-16
{
    position: absolute;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 100px;
    -webkit-transform:matrix(0.8,0,0,0.8,0,0);
    transform:matrix(0.8,0,0,0.8,0,0);
}
#lp-e-wrap .section#section3 div.deco-1,
#lp-e-wrap .section#section4 div.deco-1,
#lp-e-wrap .section#section5 div.deco-1 {
    top: 69px;
    left: 39px;
    width: 80px;
    height: 69px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 78px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
#lp-e-wrap .section#section3 div.deco-2,
#lp-e-wrap .section#section4 div.deco-2,
#lp-e-wrap .section#section5 div.deco-2 {
    top: 102px;
    left: 162px;
    width: 42px;
    height: 46px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 40px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section3 div.deco-3,
#lp-e-wrap .section#section4 div.deco-3,
#lp-e-wrap .section#section5 div.deco-3 {
    top: 88px;
    left: 128px;
    width: 18px;
    height: 17px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 14px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
#lp-e-wrap .section#section3 div.deco-4,
#lp-e-wrap .section#section4 div.deco-4,
#lp-e-wrap .section#section5 div.deco-4 {
    top: 89px;
    left: 235px;
    width: 42px;
    height: 37px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 40px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
#lp-e-wrap .section#section3 div.deco-5,
#lp-e-wrap .section#section4 div.deco-5,
#lp-e-wrap .section#section5 div.deco-5 {
    top: 102px;
    left: 207px;
    width: 21px;
    height: 22px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 19px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
#lp-e-wrap .section#section3 div.deco-6,
#lp-e-wrap .section#section4 div.deco-6,
#lp-e-wrap .section#section5 div.deco-6 {
    top: 108px;
    left: 282px;
    width: 37px;
    height: 36px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 32px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s;
}
#lp-e-wrap .section#section3 div.deco-7,
#lp-e-wrap .section#section4 div.deco-7,
#lp-e-wrap .section#section5 div.deco-7 {
    top: 72px;
    left: 282px;
    width: 18px;
    height: 21px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 16px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s;
}
#lp-e-wrap .section#section3 div.deco-8,
#lp-e-wrap .section#section4 div.deco-8,
#lp-e-wrap .section#section5 div.deco-8 {
    top: 108px;
    left: 27px;
    width: 12px;
    height: 12px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 10px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s;
}
#lp-e-wrap .section#section3 div.deco-9,
#lp-e-wrap .section#section4 div.deco-9,
#lp-e-wrap .section#section5 div.deco-9 {
    bottom: 30px;
    left: 181px;
    width: 37px;
    height: 37px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 36px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
#lp-e-wrap .section#section3 div.deco-10,
#lp-e-wrap .section#section4 div.deco-10,
#lp-e-wrap .section#section5 div.deco-10 {
    bottom: 72px;
    left: 250px;
    width: 59px;
    height: 59px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 56px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section3 div.deco-11,
#lp-e-wrap .section#section4 div.deco-11,
#lp-e-wrap .section#section5 div.deco-11 {
    bottom: 75px;
    left: 90px;
    width: 18px;
    height: 17px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 11px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
#lp-e-wrap .section#section3 div.deco-12,
#lp-e-wrap .section#section4 div.deco-12,
#lp-e-wrap .section#section5 div.deco-12 {
    bottom: 59px;
    left: 227px;
    width: 24px;
    height: 31px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 19px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
#lp-e-wrap .section#section3 div.deco-13,
#lp-e-wrap .section#section4 div.deco-13,
#lp-e-wrap .section#section5 div.deco-13 {
    bottom: 102px;
    left: 207px;
    width: 21px;
    height: 22px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 19px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
#lp-e-wrap .section#section3 div.deco-14,
#lp-e-wrap .section#section4 div.deco-14,
#lp-e-wrap .section#section5 div.deco-14 {
    bottom: 44px;
    left: 108px;
    width: 37px;
    height: 36px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 32px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s;
}
#lp-e-wrap .section#section3 div.deco-15,
#lp-e-wrap .section#section4 div.deco-15,
#lp-e-wrap .section#section5 div.deco-15 {
    bottom: 59px;
    left: 64px;
    width: 18px;
    height: 21px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 16px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s;
}
#lp-e-wrap .section#section3 div.deco-16,
#lp-e-wrap .section#section4 div.deco-16,
#lp-e-wrap .section#section5 div.deco-16
 {
    bottom: 57px;
    left: 36px;
    width: 12px;
    height: 12px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 7px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s;
}




/*--------------rinko-------------*/


#lp-e-wrap .section#section4 div.deco-1 {
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-2 {
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-3 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-4{
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-5 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-6 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-7 {
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-8 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-9 {
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-10{
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-11 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-12 {
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-13 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-14 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-15 {
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-16 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}

/*--------------nene-------------*/

#lp-e-wrap .section#section5 div.deco-1 {
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-2 {
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-3 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-4{
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-5 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-6 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-7 {
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-8 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-9 {
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-10{
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-11 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-12 {
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-13 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-14 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-15 {
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-16 {
    background-image: url(../img/bg-deco-nene-2.svg);
}


.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-1,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-2,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-3,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-4,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-5,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-6,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-7,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-8,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-9,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-10,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-11,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-12,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-13,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-14,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-15,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-16,

.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-1,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-2,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-3,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-4,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-5,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-6,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-7,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-8,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-9,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-10,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-11,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-12,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-13,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-14,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-15,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-16,

.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-1,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-2,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-3,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-4,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-5,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-6,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-7,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-8,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-9,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-10,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-11,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-12,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-13,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-14,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-15,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-16,

.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-1,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-2,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-3,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-4,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-5,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-6,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-7,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-8,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-9,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-10,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-11,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-12,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-13,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-14,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-15,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-16
 {
    -webkit-transform:matrix(1,0,0,1,-8,5);
    transform:matrix(1,0,0,1,-8,5);
    }

.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-1,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-1,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-1,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-1
 {
        opacity: 0.3;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-2,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-2,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-2,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-2
 {
        opacity: 0.3;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-3, 
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-3,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-3,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-3
 {
        opacity: 0.6;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-4,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-4,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-4,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-4
 {
        opacity: 0.2;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-5,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-5,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-5,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-5
 {
        opacity: 0.4;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-6,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-6,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-6,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-6
 {
        opacity: 0.2;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-7,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-7,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-7,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-7
 {
        opacity: 0.5;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-8,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-8,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-8,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-8
 {
        opacity:0.4;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-9,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-9,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-9,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-9
 {
        opacity: 0.3;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-10,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-10,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-10,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-10
 {
        opacity: 0.3;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-11,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-11,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-11,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-11
 {
        opacity: 0.6;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-12,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-12,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-12,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-12
 {
        opacity: 0.2;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-13,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-13,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-13,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-13
 {
        opacity: 0.5;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-14,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-14,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-14,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-14
 {
        opacity: 0.2;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-15,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-15,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-15,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-15
 {
        opacity: 0.5;
    }
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-16,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-16,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-16,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-16
 {
        opacity:0.4;
    }









/*-----------------------sec1-----------------------*/

#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 60%;
    height: 24%;
    margin: 34vh auto 0;
    background-image: url(../img/lp-e-logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    text-indent: -9999px;
}
#lp-e-wrap .section#section1 div.content .lpe-date {
    width: 50%;
    margin: 0 auto 10px;
}

#lp-e-wrap .section#section1 div.content .platform_date img,
#lp-e-wrap .section#section1 div.content .sec1-pre-registration img,
#lp-e-wrap .section#section1 div.content .operating_environment img
{
    width: 100%;
}

#lp-e-wrap .section#section1 div.content .platform_date{
    width: 42%;
    margin: 7px auto 9px;
}


#lp-e-wrap .section#section1 div.content .sec1-pre-registration{
    width: 51%;
    margin: 6px auto;
}

#lp-e-wrap .section#section1 div.content .topics-box {
    width: 100%;
    margin: 0 auto 10px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.76);
    padding-top: 7px;
}

#lp-e-wrap .section#section1 div.content .topics_01{
    width: 78%;
    margin: 0 auto ;
    display: block;
}
#lp-e-wrap .section#section1 div.content .arrow{
    position: relative;
}

#lp-e-wrap .section#section1 div.content .topics_01.arrow:before {
    content: "";
    position: absolute;
    top: -3%;
    left: -19px;
    width: 3vh;
    max-width: 16px;
    height: 3vh;
    max-height: 42px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}
#lp-e-wrap .section#section1 div.content .topics_02.arrow:before {
    content: "";
    position: absolute;
    top: 9%;
    left: -17px;
    width: 3vh;
    max-width: 16px;
    height: 3vh;
    max-height: 42px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

#lp-e-wrap .section#section1 div.content .topics_02{
    width: 43%;
    margin: 0 auto;
    display: block;
}

#lp-e-wrap .section#section1 div.content .topics_01 img,
#lp-e-wrap .section#section1 div.content .topics_02 img
{
    width: 100%;
}

#lp-e-wrap .section#section1 div.content .operating_environment{
    padding: 4px;
    margin: 7px auto 0;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #97d0e6;
    background-color: #fff;
}

#lp-e-wrap .section#section1 div.content .notice_0526 .operating_environment{
    border-radius: 0;
    box-sizing: border-box;
    border: 1px solid #95cae2;
    border-width: 1px 0;
}

#lp-e-wrap .section#section1 div.content .link_device a {
    width: 38%;
    display: block;
    margin: 7px auto 0;
}

#lp-e-wrap .section#section1 div.content .notice_0526 a {
    width: 57%;
    display: block;
    margin: 0 auto;
}
#lp-e-wrap .section#section1 div.content .notice_0526.notice_0806 a {
    width: 64%;
}
#lp-e-wrap .section#section1 div.content .operating_environment img{
    display: block;
    width: 86%;
    margin: 0 auto;
}
#lp-e-wrap .section#section1 div.content .notice_0526 .operating_environment img{
    display: block;
    width: 96%;
    margin: 0 auto;
}


#lp-e-wrap .section#section1 div.content .lpe-date img{
    width: 100%;
}


#lp-e-wrap .section#section1 div.content .jpfp {
    position: absolute;
    top: 309px;
    left: 56px;
    width: 86px;
}
#lp-e-wrap .section#section1 div.content .tgs-is-gs-award {
    position: absolute;
    top: 309px;
    position: absolute;
    top: 309px;
    left: 56px;
    width: 86px;
}
#lp-e-wrap .section#section1 div.content .tgs-is-gs-award {
    position: absolute;
    top: 309px;
    left: 151px;
    width: 86px;
}
#lp-e-wrap .section#section1 div.content span
{
    display: block;
    text-indent: -9999px;
    line-height: 0;
    margin: 5px 0;
    font-size: 0;
}
#lp-e-wrap .section#section1 div.content span img
{
    display: block;
    margin:0 auto;
}
#lp-e-wrap .section#section1 div.content a.notice
{
    display: block;
    width: 208px;
    margin: 22px auto 0;
}
#lp-e-wrap .section#section1 div.content span img.date
{
    width: 100%;
}
#lp-e-wrap .section#section1 div.content span img.platform
{
    width: 131px;
}
#lp-e-wrap .section#section1 div.content span img.btn-pre-registration
{
    margin-top: 5px;
    width: 194px;
}
#lp-e-wrap .section#section1 div.content div.banner-pv1{
    position: absolute;
    top: 72%;
    left: -2%;
    width: 309px;
    height: 104px;
    background-image: url(../img/top-bnr-pv1-pc.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
#lp-e-wrap .section#section1 div.content div.banner-pv2{
    position: absolute;
    top: 59%;
    left: -2%;
    width: 309px;
    height: 104px;
    background-image: url(../img/top-bnr-pv2-pc.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
#lp-e-wrap .section#section1 div.content div.banner-cp{
    position: absolute;
    top: 79%;
    left: -2%;
    width: 309px;
    height: 68px;
    background-image: url(../img/top-bnr-campaign-pc.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}


/*game-system*/

#lp-e-wrap .section#section-game div.content:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/game_bg-sp.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
    transform: matrix(1.2,0,0,1.2,0,0);
    transition: opacity 3s cubic-bezier(0,.91,.69,1.03) .5s,transform 3s cubic-bezier(0,.91,.69,1.03) .5s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-game div.content:after
{
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    opacity: 0.7;
}

#lp-e-wrap .section#section-game div.content .game-btn-pv{
    position: absolute;
    width: 326px;
    top: 49px;
    left: -12px;
    transform: matrix(1.2,0,0,1.2,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .4s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
    display: none;
}
#lp-e-wrap .section#section-game div.content .game-btn-pv-sp{
    position: absolute;
    width: 326px;
    top: 70px;
    left: -12px;
    transform: matrix(1.2,0,0,1.2,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .4s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section-game div.content .game-btn-system{
    position: absolute;
    top: 329px;
    left: -2px;
    width: 310px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity 1.4s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform 1.4s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
.fp-viewing-secondPage #lp-e-wrap .section#section-game div.content .game-btn-pv,
.fp-viewing-secondPage #lp-e-wrap .section#section-game div.content .game-btn-pv-sp,
.fp-viewing-secondPage #lp-e-wrap .section#section-game div.content .game-btn-system
{
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-game div.content .game-btn-pv img,
#lp-e-wrap .section#section-game div.content .game-btn-pv-sp img,
#lp-e-wrap .section#section-game div.content .game-btn-system img{
    width: 100%;
}


/*-----------------------sec2 tgs-----------------------*/


/*tgs2018*/
#lp-e-wrap .section#section-tgs div.content h3.tgs-logo,
#lp-e-wrap .section#section-tgs div.content span.text-lpe,
#lp-e-wrap .section#section-tgs div.content h4.text-playable,
#lp-e-wrap .section#section-tgs div.content div.gameimg,
#lp-e-wrap .section#section-tgs div.content span.text-playable-exp,
#lp-e-wrap .section#section-tgs div.content div.bag-img,
#lp-e-wrap .section#section-tgs div.content h4.text-bag,
#lp-e-wrap .section#section-tgs div.content span.tgs-caution{
    position: absolute;
}
#lp-e-wrap .section#section-tgs div.content h3.tgs-logo img,
#lp-e-wrap .section#section-tgs div.content span.text-lpe img,
#lp-e-wrap .section#section-tgs div.content h4.text-playable img,
#lp-e-wrap .section#section-tgs div.content img.gameimg img,
#lp-e-wrap .section#section-tgs div.content span.text-playable-exp img,
#lp-e-wrap .section#section-tgs div.content div.bag-img img,
#lp-e-wrap .section#section-tgs div.content h4.text-bag img,
#lp-e-wrap .section#section-tgs div.content span.tgs-caution img{
    width: 100%;
}
#lp-e-wrap .section#section-tgs div.content h3.tgs-logo
   {
    top: 85px;
    left: 15px;
    width: 142px;
    padding: 2px 67px;
    border-top: 1px solid #61ceff;
    border-bottom: 1px solid #61ceff;
    }
#lp-e-wrap .section#section-tgs div.content span.text-lpe
   {
    display: block;
    top: 103px;
    left: 98px;
    width: 110px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-playable
   {
    top: 119px;
    left: 59px;
    width: 184px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .4s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section-tgs div.content h4.text-playable{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}

#lp-e-wrap .section#section-tgs div.content div.gameimg
   {
    height: 240px;
    width: 104px;
    top: 166px;
    left: 173px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 0px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
    }

.fp-viewing-3rdPage #lp-e-wrap .section#section-tgs div.content div.gameimg{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-tgs div.content.reward1 div.gameimg
   {
    background-image: url(../img/tgs2018_gameimg_manaka.png);
    }
#lp-e-wrap .section#section-tgs div.content.reward2 div.gameimg
   {
    background-image: url(../img/tgs2018_gameimg_rinko.png);
    }
#lp-e-wrap .section#section-tgs div.content.reward3 div.gameimg
   {
    background-image: url(../img/tgs2018_gameimg_nene.png);
    }

#lp-e-wrap .section#section-tgs div.content span.text-playable-exp
   {
    display: block;
    top: 142px;
    left: 90px;
    width: 122px;
    }
#lp-e-wrap .section#section-tgs div.content div.bag-img.pc
   {
    display: none;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .7s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section-tgs div.content div.bag-img.pc{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-tgs div.content div.bag-img.sp
   {
    top: 146px;
    left: -3px;
    width: 191px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .7s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section-tgs div.content div.bag-img.sp{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-tgs div.content h4.text-bag.pc
   {
    display: none;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-bag.sp
   {
    top: 315px;
    left: 35px;
    width: 120px;
    }
#lp-e-wrap .section#section-tgs div.content span.tgs-caution.pc{
    display: none;
    }
#lp-e-wrap .section#section-tgs div.content span.tgs-caution.sp{
    display: block;
    top: 384px;
    left: 14px;
    width: 275px;
    }


/*----------------------section-pv1-----------------------*/

#lp-e-wrap .section#section-pv1 div.content img.pv1-songtitle {
    position: absolute;
    top: 34%;
    left: -6%;
    width: 332px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-3rdPage #lp-e-wrap .section#section-pv1 div.content img.pv1-songtitle{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}

/*----------------------section-campaign-----------------------*/

#lp-e-wrap .section#section-campaign div.content{
    background-image: url(../img/cp-bg-sp.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 28px;
}

#lp-e-wrap .section#section-campaign div.content img.cp-card{
    position: absolute;
    top: 6%;
    left: 3%;
    width: 290px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-3rdPage #lp-e-wrap .section#section-campaign div.content img.cp-card{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-campaign div.content span.cp-100{
    position: absolute;
    display: block;
    top: 31%;
    left: -5%;
    width: 92px;
    height: 92px;
    background-image: url(../img/cp-100.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
.fp-viewing-3rdPage #lp-e-wrap .section#section-campaign div.content span.cp-100{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-campaign div.content h3{
    position: absolute;
    top: 43%;
    left: 16%;
    width: 211px;
    height: 104px;
    background-image: url(../img/cp-title-sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
#lp-e-wrap .section#section-campaign div.content p.cp-bodycopy{
    position: absolute;
    top: 63%;
    left: 3%;
    width: 270px;
    height: 50px;
    background-image: url(../img/cp-bodycopy-sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-caution{
    display: block;
    position: absolute;
    top: 80%;
    width: 106%;
    height: 76px;
    left: -2%;
    background-image: url(../img/cp-caution-sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
#lp-e-wrap .section#section-campaign div.content img.cp-btn-detail{
    position: absolute;
    top: 73%;
    left: 10%;
    width: 251px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
.fp-viewing-3rdPage #lp-e-wrap .section#section-campaign div.content img.cp-btn-detail{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}


/*----------------------section-pre-registration-----------------------*/


#lp-e-wrap .section#section-pre-registration div.content .img-reward{
    position: absolute;
    top: -12%;
    left: -19%;
    width: 135%;
    height: 670px;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration div.content .img-reward{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}

#lp-e-wrap .section#section-pre-registration div.img-reward.reward1 {
    background-image: url(../img/pre-reg-bg-sp-manaka.jpg);
}
#lp-e-wrap .section#section-pre-registration div.img-reward.reward2 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #000;
}
#lp-e-wrap .section#section-pre-registration div.img-reward.reward3 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #acee22;
}

#lp-e-wrap .section#section-pre-registration div.content h3{
    position: absolute;
    display: block;
    top: 7%;
    left: 0%;
    width: 295px;
    height: 52px;
    background-image: url(../img/pre-reg-title-sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration div.content h3{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-reg-present {
    position: absolute;
    display: block;
    top: 64%;
    left: 6%;
    width: 289px;
    height: 162px;
    background-image: url(../img/pre-reg-present-sp.png?v2);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}

#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay
{
    position: absolute;
    width: 203px;
    left: 17%;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more {
    position: absolute;
    top: 53%;
    left: 56%;
    width: 116px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
    z-index: 1000;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more img{
    width: 100%;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more a{
    width: 100px;
    height: 100px;
}
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration div.content p.pre-reg-present,
.fp-viewing-4thpage #lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more
{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email
{
    top: 77%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter
{
    top: 84%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay
{
    top: 70%;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more {
    top: 71%;
    left: 64%;
    width: 100px;
    height: 100px;
}


/*----------------------section-pre-registration------------    2    -----------*/


#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-reward{
    position: absolute;
    top: -12%;
    left: -19%;
    width: 135%;
    height: 670px;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
.fp-viewing-5thpage #lp-e-wrap .section#section-pre-registration_cp2 div.content .img-reward{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}

#lp-e-wrap .section#section-pre-registration_cp2 div.img-reward.reward_cp21 {
    background-image: url(../img/pre-reg-bg-sp-manaka.jpg);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.img-reward.reward_cp22 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #000;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.img-reward.reward_cp23 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #acee22;
}

#lp-e-wrap .section#section-pre-registration_cp2 div.content h3{
    position: absolute;
    display: block;
    top: 4%;
    left: 0%;
    width: 295px;
    height: 52px;
    background-image: url(../img/pre-reg-title-sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-5thpage #lp-e-wrap .section#section-pre-registration_cp2 div.content h3{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content p.pre-reg-present {
    position: absolute;
    display: block;
    top: 43%;
    left: 3%;
    width: 289px;
    height: 162px;
    background-image: url(../img/pre-reg-present-sp.png?v2);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
.fp-viewing-5thpage #lp-e-wrap .section#section-pre-registration_cp2 div.content p.pre-reg-present{
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay
{
    position: absolute;
    width: 203px;
    left: 16%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email
{
    top: 77%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter
{
    top: 84.1%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay
{
    top: 70%;
}




/*□□□□□□□□□□□□□□□□□□□□□ pageTop □□□□□□□□□□□□□□□□□□□□□*/
/*-------------sidebtn--------------*/

#lp-e-wrap div.topbtn{
    position: fixed;
    width: 35px;
    bottom: 10px;
    right: 10px;
    z-index: 60;
}
#lp-e-wrap div.topbtn a{
    display: block;
}
#lp-e-wrap div.topbtn img{
    width: 100%;
}

.fp-viewing-firstPage #lp-e-wrap div.topbtn{
    opacity: 0;
}



/*-----------------------sec3-----------------------*/


#lp-e-wrap .section#section3 div.content .img-kanojo {
    position: absolute;
    top: 75px;
    left: 84px;
    z-index: 1000;
    width: 132px;
    height: 430px;
    opacity: 0;
    background-image: url(../img/img-manaka.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .3s;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .img-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }





#lp-e-wrap .section#section3 div.content .word-kanojo {
    position: absolute;
    top: 76px;
    left: 210px;
    z-index: 1000;
    width: 119px;
    height: 133px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/word-manaka.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .word-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }




#lp-e-wrap .section#section3 div.content .name-kanojo {
    position: absolute;
    top: 212px;
    left: 211px;
    z-index: 1000;
    width: 92px;
    height: 36px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/name-manaka.svg?v2);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .name-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section3 div.content .cv-kanojo {
    position: absolute;
    top: 237px;
    left: 210px;
    z-index: 1000;
    width: 87px;
    height: 19px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/cv-manaka.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .cv-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section3 div.content .birthday-kanojo{
    position: absolute;
    top: 263px;
    left: 210px;
    z-index: 1000;
    width: 140px;
    opacity: 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section3 div.content .birthday-kanojo img{
    width: 100%;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .birthday-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section3 div.content .prof-kanojo {
    position: absolute;
    top: 315px;
    left: 211px;
    z-index: 1000;
    width: 144px;
    height: 110px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/prof-manaka.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .prof-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section3 div.content .illustlationby {
    position: absolute;
    top: 454px;
    left: 207px;
    z-index: 1000;
    width: 140px;
    height: 14px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/by_minosan.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.content .illustlationby
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }





/*-----------------------sec4-----------------------*/


#lp-e-wrap .section#section4 div.content .img-kanojo {
    position: absolute;
    top: 82px;
    left: 246px;
    z-index: 1000;
    width: 98px;
    height: 406px;
    opacity: 0;
    background-image: url(../img/img-rinko.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .3s;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .img-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section4 div.content .word-kanojo {
    position: absolute;
    top: 122px;
    left: 81px;
    z-index: 1000;
    width: 196px;
    height: 78px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/word-rinko.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .word-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section4 div.content .name-kanojo {
    position: absolute;
    top: 183px;
    left: 86px;
    z-index: 1000;
    width: 118px;
    height: 36px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/name-rinko.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .name-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section4 div.content .cv-kanojo {
    position: absolute;
    top: 209px;
    left: 86px;
    z-index: 1000;
    width: 82px;
    height: 25px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/cv-rinko.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .cv-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section4 div.content .birthday-kanojo{
    position: absolute;
    top: 240px;
    left: 87px;
    z-index: 1000;
    width: 140px;
    opacity: 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section4 div.content .birthday-kanojo img{
    width: 100%;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .birthday-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section4 div.content .prof-kanojo {
    position: absolute;
    top: 293px;
    left: 86px;
    z-index: 1000;
    width: 160px;
    height: 110px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/prof-rinko.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .prof-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section4 div.content .illustlationby {
    position: absolute;
    top: 450px;
    left: 94px;
    z-index: 1000;
    width: 140px;
    height: 14px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/by_minosan-2.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.content .illustlationby
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }









/*-----------------------sec5-----------------------*/


#lp-e-wrap .section#section5 div.content .img-kanojo {
    position: absolute;
    top: 69px;
    left: 78px;
    z-index: 1000;
    width: 137px;
    height: 430px;
    opacity: 0;
    background-image: url(../img/img-nene.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .3s;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .img-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section5 div.content .word-kanojo {
    position: absolute;
    top: 113px;
    left: 213px;
    z-index: 1000;
    width: 179px;
    height: 87px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/word-nene.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .word-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section5 div.content .name-kanojo {
    position: absolute;
    top: 212px;
    left: 212px;
    z-index: 1000;
    width: 112px;
    height: 36px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/name-nene.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .name-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section5 div.content .cv-kanojo {
    position: absolute;
    top: 238px;
    left: 212px;
    z-index: 1000;
    width: 91px;
    height: 25px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/cv-nene.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .cv-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section5 div.content .birthday-kanojo{
    position: absolute;
    top: 263px;
    left: 215px;
    z-index: 1000;
    width: 140px;
    opacity: 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section5 div.content .birthday-kanojo img{
    width: 100%;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .birthday-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }
#lp-e-wrap .section#section5 div.content .prof-kanojo {
    position: absolute;
    top: 313px;
    left: 214px;
    z-index: 1000;
    width: 167px;
    height: 125px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/prof-nene.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .prof-kanojo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }

#lp-e-wrap .section#section5 div.content .illustlationby {
    position: absolute;
    top: 454px;
    left: 207px;
    z-index: 1000;
    width: 140px;
    height: 14px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/by_minosan-3.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.content .illustlationby
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,-63,0);
    transform: matrix(1,0,0,1,-63,0);
    }







/*-----------------------sec6-----------------------*/

#lp-e-wrap .section#section6 div.content .sec6-catch {
    width: 212px;
    height: 154px;
    margin: 19px auto 18px;
    background-image: url(../img/sec-6-game-catch.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    text-indent: -9999px;
}
#lp-e-wrap .section#section6 div.content .gameimg-caution {
    position: absolute;
    top: 487px;
    left: 90px;
    z-index: 1100;
    width: 126px;
    height: 296px;
    opacity: 1;
    text-indent: -9999px;
    background-image: url(../img/gameimg-caution.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-1 {
    position: absolute;
    top: 189px;
    left: 79px;
    z-index: 1000;
    width: 150px;
    height: 296px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/gameimg-01.png?v2);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.content .sec6-gameimg-1
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    }
#lp-e-wrap .section#section6 div.content .sec6-gameimg-2 {
    position: absolute;
    top: 152px;
    left: 9px;
    z-index: 900;
    width: 284px;
    height: 337px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/gameimg-02.png?v2);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .3s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.content .sec6-gameimg-2
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    }
#lp-e-wrap .section#section6 div.content .sec6-gameimg-3 {
    position: absolute;
    top: 153px;
    left: 11px;
    z-index: 900;
    width: 288px;
    height: 308px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/gameimg-03.png?v2);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .4s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.content .sec6-gameimg-3
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    }
#lp-e-wrap .section#section6 div.content .sec6-gameimg-4 {
    position: absolute;
    top: 159px;
    left: 16px;
    z-index: 800;
    width: 271px;
    height: 308px;
    opacity: 0;
    text-indent: -9999px;
    background-image: url(../img/gameimg-04.png?v2);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.content .sec6-gameimg-4
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    }

/*-----------------------sec7-----------------------*/

#lp-e-wrap .section#section7 div.content .sec7-logo {
    width: 202px;
    height: 105px;
    margin: 46px auto 22px;
    background-image: url(../img/logo_lpe_footer.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    opacity: 1;
    text-indent: -9999px;
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform .3s cubic-bezier(0.585, 0.060, 0.545, 1.000) .3s;
}
.fp-viewing-10thpage #lp-e-wrap .section#section7 div.content .sec7-logo
 {
    opacity:1;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
    }

#lp-e-wrap .section#section7 div.content .sec7-date span
{
    display: block;
    text-indent: -9999px;
    line-height: 0;
    margin:6px 0;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img
{
    display: block;
    margin:0 auto;
}
#lp-e-wrap .section#section7 div.content .sec7-date a.sec7-notice {
    display: block;
    margin: 0 auto;
    width: 184px;
    margin-top: 7px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.date
{
    width: 50%;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.platform
{
    width: 131px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.btn-pre-registration
{
    margin-top: 5px;
    margin-bottom: 11px;
    width: 194px;
}
#lp-e-wrap .section#section7 div.content .link-goggles {
    width: 257px;
    height: 57px;
    margin: 0 auto 10px;
    background-image: url(../img/bnr-goggles.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}


footer{
    text-align: center;
    height: 38%;
    color:#64c8f7;
}
footer .wrap-footer-store{

}


footer .wrap-footer-links{
    height: 67px;
    box-sizing: border-box;
}


footer p.store{
    text-align: center;
    color:#64c8f7;
    font-size: 14px;
    line-height: 1.3;
}
footer ul {
    width: 90%;
    margin: 0 auto;
    padding-top: 4px;
}
footer ul li{
    display: inline-block;
    margin:5px;
}
footer ul li.twitter img,
footer ul li.line img,
footer ul li.facebook img{
    width: 27px;
    height: 27px;
}
footer ul.sns a img{
    width: 27px;
    height: 27px;
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
}
footer ul.sns a img:visited{
    -webkit-transform: scale(1);
    transform: scale(1);
}
footer ul.sns a img:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

footer ul.links{
    font-size:62%;
    margin-bottom: 7px;
}
footer ul.links li a{
    text-decoration: none;
    color:#64c8f7;
}
footer ul.links li:after{
    content:'|';
    margin-left: 1em;
}
footer ul.links li:last-child:after{
    content:'';
    margin-left: 1em;
}

footer p.copyright{
    font-size:62%;
    padding-bottom: 40px;
}
footer p.copyright.forimg {
    padding-top: 6px;
    padding-bottom: 10px;
    width: 321px;
    line-height: 1.4em;
    margin: 0 auto;
}

footer p.copyright.forimg span{
    display: block;
    margin: 5px 0;
    text-align: left;
}
footer p.copyright.forimg span.konamicopyright {
    margin: 18px 0 0;
    text-align: center;
}


.btn-top{
    width: 226px;
    text-align: center;
    margin: 24px auto 10px;
}
.btn-top img{
    width:100%;
}

/* VR対応 */

footer .vr-mark {
    max-width: 980px;
    margin: 9px auto 3px;
    padding-left: 29px;
    font-size: 68.75%;
    line-height: 1.3;
}
footer .vr-mark dl {
    width: 75%;
    min-width: 275px;
    display: table;
    margin: 0 auto;
}
footer .vr-mark dl dt .icon-vr{
    width: 68px;
    height: 54px;
    background-image: url(../img/icon-vr.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
    text-indent: -9999px;
}
.vr-mark dl dd {
    display: table-cell;
    vertical-align: top;
}
footer .vr-mark dl dd ul{
    text-align: left;
    padding-top: 0;
}
footer .vr-mark dl dd ul li {
    position: relative;
    padding: 0 0 0 1.3em;
    margin: 0 0 0 12px;
}
footer .vr-mark dl dd ul li:before {
    content: '※';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 1.5em;
}
footer .vr-mark dl dd ul li span {
    display: inline-block;
}


/* IE8用メッセージ */
#alert{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    min-height:3em;
    padding:10px 0;
    text-align:center;
    color:#fff;
    background-color:#000;
    z-index:100;
}


/* SE用追加調整 ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {

/*notice-191106*/
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 {
    width: 93%;
    max-width: 900px;
    margin: 9px auto 10px;
    /* padding-top: 105px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 img {
    display: block;
    width: 35%;
    max-width: 222px;
    margin: -11px auto 5px;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 h3 {
    width: 85%;
    margin: 0 auto 8px;
    text-align: center;
    color: #5a5a5a;
    line-height: 1.4em;
    font-size: 64%;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 p {
    width: 82%;
    margin: 0 auto 0;
    color: #5a5a5a;
    font-size: 54%;
    line-height: 1.2em;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 p .s-191106{
    display: none;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 p .o320{
    display: none;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 a {
    max-width: 268px;
    margin: 7px auto 0;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    color: #5a5a5a;
    font-size: 60%;
    line-height: 1.2em;
}




/*section1*/

#lp-e-wrap .section#section1 div.content .content-adjust{
    width: 47vh;
}

#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 50%;
    height: 15%;
    margin: 36vh auto 10px;
}
#lp-e-wrap div.content .btn-store a {
    display: inline-block;
    width: 110px;
}
#lp-e-wrap div.content .btn-store {
    width: 300px;
    margin: 2px auto;
    text-align: center;
    font-size: 0;
    box-sizing: border-box;
    /* padding-right: 10px; */
}
#lp-e-wrap .section#section1 div.content span img.btn-pre-registration {
    margin-top: 5px;
    width: 174px;
}
#lp-e-wrap .section#section1 div.content a.notice
{
    display: block;
    width: 201px;
    margin: 25px auto 0;
}
#lp-e-wrap .section#section1 div.content span img.date
{
    width: 100%;
}
#lp-e-wrap .section#section1 div.content div.banner-pv1 {
    top: 68%;
    left: 8%;
    width: 257px;
    height: 85px;
}
#lp-e-wrap .section#section1 div.content div.banner-pv2 {
    top: 57%;
    left: 8%;
    width: 257px;
    height: 85px;
}
#lp-e-wrap .section#section1 div.content div.banner-cp {
    top: 74%;
    left: 8%;
    width: 258px;
    height: 68px;
}
/*#lp-e-wrap .section#section1 div.content .arrow:after {
    content: "";
    position: absolute;
    top: 9%;
    left: -17px;
    width: 3vh;
    max-width: 16px;
    height: 3vh;
    max-height: 42px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}*/

/*section-pv1*/


#lp-e-wrap .section#section-pv1 div.content img.pv1-songtitle {
    top: 34%;
    left: -3%;
    width: 315px;
}

/*---------loveletter---------*/
.section#section-loveletter div.content .loveletter-img {
    top: 66px;
    left: -8px;
    width: 303px;
    z-index: 500;
}
.section#section-loveletter div.content .loveletter-hw {
    top: 295px;
    left: 42px;
    width: 212px;
}
.section#section-loveletter div.content .loveletter-date {
    top: 323px;
    left: 40px;
    width: 211px;
}
.section#section-loveletter div.content .loveletter-bodycopy {
    top: 395px;
    left: 58px;
    width: 179px;
}
.section#section-loveletter div.content .loveletter-btn {
    top: 424px;
    left: 68px;
    width: 163px;
}



/*-------10days---------*/

#lp-e-wrap .section#section-10days h4
{
    display: block;
    width: 197px;
    bottom: 108px;
    left: 52px;
}
#lp-e-wrap .section#section-10days .twtcp_10days_btn
{
    display: block;
    width: 183px;
    bottom: 72px;
    left: 58px;
}

#lp-e-wrap .section#section-10days ul.ul-badge li
{
    display: block;
    width: 115px;
}

#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(1)
{
    top: 77px;
    left: 29px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(2)
{
    top: 77px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(3)
{
    top: 128px;
    left: 29px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(4)
{
    top: 128px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(5)
{
    top: 179px;
    left: 29px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(6)
{
    top: 179px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(7)
{
    top: 228px;
    left: 29px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(8)
{
    top: 228px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(9)
{
    top: 278px;
    left: 29px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(10)
{
    top: 278px;
    left: 155px;
}

/*section-campaign*/

#lp-e-wrap .section#section-campaign div.content {
    background-position: 0 16px;
}

#lp-e-wrap .section#section-campaign div.content img.cp-card {
    top: 13%;
    left: 10%;
    width: 243px;
}
#lp-e-wrap .section#section-campaign div.content h3 {
    top: 43%;
    left: 19%;
    width: 183px;
    height: 104px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-100 {
    top: 31%;
    left: 3%;
    width: 70px;
    height: 92px;
}
#lp-e-wrap .section#section-campaign div.content p.cp-bodycopy {
    top: 61%;
    left: 9%;
    width: 241px;
    height: 50px;
}
#lp-e-wrap .section#section-campaign div.content img.cp-btn-detail {
    top: 71%;
    left: 17%;
    width: 202px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-caution {
    top: 76%;
    width: 91%;
    height: 76px;
    left: 7%;
}

/*section-pre-registration*/

#lp-e-wrap .section#section-pre-registration div.content .img-present:before {
    height: 631px;
    width: 359px;
    top: 85px;
    left: -43px;
}
#lp-e-wrap .section#section-pre-registration div.content h3 {
    top: 12%;
    left: 5%;
    width: 274px;
    height: 52px;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-reg-present {
    top: 58%;
    left: 9%;
    width: 262px;
    height: 162px;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay {
    width: 201px;
    left: 16%;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay {
    width: 176px;
    left: 21%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay {
    top: 64%;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email {
    top: 70%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter {
    top: 76%;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more {
    top: 65%;
    left: 60%;
    width: 100px;
    height: 100px;
}

/*section-pre-registration   2  */
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email, #lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter, #lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay {
    position: absolute;
    width: 166px;
    left: 24%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text1 {
    position: absolute;
    top: 316px;
    left: 12px;
    width: 96px;
    z-index: 500;
    transform: rotate(-21deg);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text2 {
    top: 321px;
    right: 9px;
    width: 182px;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay {
    top: 70%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email {
    top: 76%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter {
    top: 82%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present:before {
    content: "";
    height: 491px;
    width: 304px;
    position: absolute;
    top: 80px;
    left: -2px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 0%;
    z-index: -100;
    transform: matrix(1.1,0,0,1.1,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .6s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}

/*section6*/
#lp-e-wrap .section#section6 div.content .sec6-gameimg-1 {
    top: 182px;
    left: 79px;
    width: 150px;
    height: 296px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-2 {
    top: 141px;
    left: 17px;
    width: 266px;
    height: 337px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-3 {
    top: 145px;
    left: 19px;
    width: 268px;
    height: 308px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-4 {
    top: 159px;
    left: 16px;
    width: 271px;
    height: 308px;
}
#lp-e-wrap .section#section6 div.content .gameimg-caution {
    top: 457px;
    left: 90px;
    width: 126px;
    height: 296px;
}

/*section7*/
#lp-e-wrap .section#section7 div.content .content-adjust .content-adjust-vtcl {
    width:300px;
}

#lp-e-wrap .section#section7 div.content .sec7-logo {
    width: 149px;
    height: 76px;
    margin: 62px auto 15px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.date {
    width: 123px;
    margin-top: 7px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.platform {
    width: 115px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.btn-pre-registration {
    margin-top: 5px;
    margin-bottom: 4px;
    width: 163px;
}
footer p.copyright.forimg {
    padding-top: 6px;
    padding-bottom: 3px;
    width: 260px;
    margin: 0 auto;
    line-height: 1.4em;
}
footer .vr-mark {
    max-width: 980px;
    margin: 9px auto 3px;
    padding-left: 29px;
    font-size: 68.75%;
    line-height: 1.3;
}
footer .vr-mark dl dt .icon-vr {
    width: 66px;
    height: 48px;
}
#lp-e-wrap .section#section7 div.content .link-goggles {
    width: 212px;
    height: 57px;
    margin: 0 auto 1px;
}
footer .wrap-footer-links {
    height: 67px;
}
footer ul li {
    display: inline-block;
    margin: 2px;
}
#lp-e-wrap .section#section7 div.content {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #87dcff), color-stop(0.80, #fff), color-stop(0.24, #fff), color-stop(0.03, #87dcff));
    background: -webkit-linear-gradient(top, #87dcff 3%, #fff 10%, #fff 89%, #87dcff 100%);
    background: -moz-linear-gradient(top, #87dcff 3%, #fff 10%, #fff 89%, #87dcff 100%);
    background: -o-linear-gradient(top, #87dcff 3%, #fff 10%, #fff 89%, #87dcff 100%);
    background: -ms-linear-gradient(top, #87dcff 3%, #fff 10%, #fff 89%, #87dcff 100%);
    background: linear-gradient(to bottom, #87dcff 3%, #fff 10%, #fff 89%, #87dcff 100%);
}

#lp-e-wrap .section#section7 div.content .sec7-date a.sec7-notice {
    display: block;
    margin: 0 auto;
    width: 191px;
    margin-top: 7px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.date {
    width: 50%;
}

}

/* landscape ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media all and (orientation: landscape) {



  }


/* 375px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 375px) {

#lp-e-wrap .section#section1 div.content a.notice
{
    margin: 18px auto 0;
}
#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 47%;
    height: 15%;
    margin: 36vh auto 6px;
}
#lp-e-wrap .section#section1 div.content .platform_date {
    width: 38%;
    margin: 10px auto 9px;
}
#lp-e-wrap .section#section1 div.content .sec1-pre-registration {
    width: 47%;
    margin: 9px auto;
}
#lp-e-wrap .section#section1 div.content .topics_01 {
    width: 77%;
    margin: 6px auto 3px;
    display: block;
}
#lp-e-wrap .section#section1 div.content .topics_02 {
    width: 39%;
    margin: 0 auto;
    display: block;
}
#lp-e-wrap .section#section1 div.content .operating_environment {
    padding: 5px;
    margin: 3px auto 7px;
}
#lp-e-wrap .section#section1 div.content .notice_0526 .operating_environment {
    padding: 5px;
    margin: 0 auto ;
}
#lp-e-wrap .section#section1 div.content .link_device a {
    width: 35%;
    display: block;
    margin: 0 auto;
}

#lp-e-wrap .section#section1 div.content .notice_0526 a {
    width: 48%;
    padding: 2px;
}

#lp-e-wrap .section#section1 div.content .content-adjust,
#lp-e-wrap .section#section2 div.content .content-adjust,
#lp-e-wrap .section#section3 div.content .content-adjust,
#lp-e-wrap .section#section4 div.content .content-adjust,
#lp-e-wrap .section#section5 div.content .content-adjust,
#lp-e-wrap .section#section6 div.content .content-adjust,
#lp-e-wrap .section#section7 div.content .content-adjust,
#lp-e-wrap .section#section8 div.content .content-adjust,
#lp-e-wrap .section#section-pv1 div.content .content-adjust,
#lp-e-wrap .section#section-campaign div.content .content-adjust,
#lp-e-wrap .section#section-pre-registration div.content .content-adjust,
#lp-e-wrap .section#section-tgs div.content .content-adjust {
    width: 375px;
}

#lp-e-wrap .section#section1 div.content .content-adjust{
    width: 41vh;
}

#lp-e-wrap .section#section2 div.content .tgs-logo {
    margin: 25px auto 0;
}
#lp-e-wrap .section#section3 div.deco-wrap-1, #lp-e-wrap .section#section4 div.deco-wrap-1, #lp-e-wrap .section#section5 div.deco-wrap-1, #lp-e-wrap .section#section6 div.deco-wrap-1 {
    width: 305px;
    top: -44px;
    left: 0;
    height: 108%;
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
}
#lp-e-wrap .section#section2 div.content h3.goggles {
    margin: 3px auto 0;
    height: 64px;
    width: 234px;
}
#lp-e-wrap .section#section2 div.content h3.perspective {
    width: 233px;
    height: 76px;
}
#lp-e-wrap .section#section2 div.content .perspective-img {
    width: 309px;
    height: 133px;
}
#lp-e-wrap .section#section2 div.content .perspective-text {
    width: 222px;
    height: 46px;
}
#lp-e-wrap .section#section2 div.content .circle-icon.goggles {
    top: -122px;
    left: 47px;
    width: 108px;
    height: 205px;
}
#lp-e-wrap .section#section2 div.content .tgs-bodycopy.goggles {
    margin: 59px auto 0;
}
#lp-e-wrap .section#section2 div.content .deco-1-sec2.pattern-2 {
    top: -64px;
    left: 202px;
    width: 27px;
    height: 91px;
}
#lp-e-wrap .section#section2 div.content .deco-2-sec2.pattern-2 {
    top: -64px;
    left: 168px;
    width: 27px;
    height: 91px;
}
#lp-e-wrap .section#section2 div.content .deco-3-sec2.pattern-2 {
    top: -64px;
    left: 236px;
    width: 27px;
    height: 91px;
}

/*-----------------------sec2 tgs-----------------------*/


/*tgs2018*/
#lp-e-wrap .section#section-tgs div.content h3.tgs-logo
   {
    top: 46px;
    left: 6px;
    width: 160px;
    padding: 2px 67px;
    border-top: 1px solid #61ceff;
    border-bottom: 1px solid #61ceff;
    }
#lp-e-wrap .section#section-tgs div.content span.text-lpe
   {
    top: 66px;
    left: 91px;
    width: 125px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-playable
   {
    top: 84px;
    left: 48px;
    width: 205px;

    }
#lp-e-wrap .section#section-tgs div.content div.gameimg
   {
    height: 269px;
    width: 130px;
    top: 133px;
    left: 174px;
    }
#lp-e-wrap .section#section-tgs div.content span.text-playable-exp
   {
    top: 111px;
    left: 84px;
    width: 137px;
    }
#lp-e-wrap .section#section-tgs div.content div.bag-img.sp
   {
    top: 121px;
    left: -30px;
    width: 226px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-bag.sp
   {
    top: 323px;
    left: 17px;
    width: 133px;
    }
#lp-e-wrap .section#section-tgs div.content span.tgs-caution.sp{
    top: 404px;
    left: -4px;
    width: 308px;
    }



/*sec3--------------------------*/

#lp-e-wrap .section#section3 div.content .img-kanojo {
    top: 41px;
    left: 56px;
    width: 156px;
    height: 515px;
}
#lp-e-wrap .section#section3 div.content .word-kanojo {
    top: 53px;
    left: 205px;
    width: 141px;
    height: 137px;
}
#lp-e-wrap .section#section3 div.content .name-kanojo {
    top: 205px;
    left: 205px;
    width: 124px;
    height: 36px;
}
#lp-e-wrap .section#section3 div.content .cv-kanojo {
    top: 232px;
    left: 206px;
    width: 88px;
    height: 19px;
}
#lp-e-wrap .section#section3 div.content .birthday-kanojo {
    top: 263px;
    left: 207px;
    width: 148px;
}
#lp-e-wrap .section#section3 div.content .prof-kanojo {
    top: 315px;
    left: 207px;
    width: 162px;
    height: 110px;
}
#lp-e-wrap .section#section3 div.content .illustlationby {
    top: 486px;
    left: 203px;
    width: 140px;
    height: 14px;
}

/*sec4--------------------------*/

#lp-e-wrap .section#section4 div.content .img-kanojo {
    top: 57px;
    left: 251px;
    width: 114px;
    height: 464px;
}
#lp-e-wrap .section#section4 div.content .word-kanojo {
    top: 104px;
    left: 59px;
    width: 221px;
    height: 92px;
}
#lp-e-wrap .section#section4 div.content .name-kanojo {
    top: 176px;
    left: 64px;
    width: 124px;
    height: 36px;
}
#lp-e-wrap .section#section4 div.content .cv-kanojo {
    top: 204px;
    left: 64px;
    width: 88px;
    height: 25px;
}
#lp-e-wrap .section#section4 div.content .birthday-kanojo {
    top: 236px;
    left: 65px;
    width: 148px;
}
#lp-e-wrap .section#section4 div.content .prof-kanojo {
    top: 294px;
    left: 65px;
    width: 162px;
    height: 110px;
}
#lp-e-wrap .section#section4 div.content .illustlationby {
    top: 480px;
    left: 60px;
    width: 140px;
    height: 14px;
}

/*sec5--------------------------*/

#lp-e-wrap .section#section5 div.content .img-kanojo {
    top: 40px;
    left: 56px;
    width: 160px;
    height: 474px;
}
#lp-e-wrap .section#section5 div.content .word-kanojo {
    top: 90px;
    left: 211px;
    width: 208px;
    height: 106px;
}
#lp-e-wrap .section#section5 div.content .name-kanojo {
    top: 202px;
    left: 212px;
    width: 119px;
    height: 36px;
}
#lp-e-wrap .section#section5 div.content .cv-kanojo {
    top: 229px;
    left: 212px;
    width: 97px;
    height: 25px;
}
#lp-e-wrap .section#section5 div.content .birthday-kanojo {
    top: 257px;
    left: 214px;
    width: 148px;
}
#lp-e-wrap .section#section5 div.content .prof-kanojo {
    top: 309px;
    left: 214px;;
    width: 162px;
    height: 131px;
}
#lp-e-wrap .section#section5 div.content .illustlationby {
    top: 490px;
    left: 207px;
    width: 140px;
    height: 14px;
}

/*sec6--------------------------*/

#lp-e-wrap .section#section6 div.content .sec6-catch {
    width: 212px;
    height: 154px;
    margin: -5px auto 18px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-1 {
    top: 166px;
    left: 66px;
    width: 178px;
    height: 329px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-2 {
    top: 124px;
    left: -10px;
    width: 319px;
    height: 368px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-3 {
    top: 124px;
    left: -10px;
    width: 319px;
    height: 368px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-4 {
    top: 124px;
    left: -10px;
    width: 319px;
    height: 368px;
}
#lp-e-wrap .section#section6 div.content .gameimg-caution {
    top: 500px;
    left: 87px;
    width: 122px;
    height: 74px;
}


/*sec7--------------------------*/

/*#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 227px;
    height: 110px;
    margin: 28% auto 7%;
}*/



}




/* 414px X---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 414px) {

#lp-e-wrap .section#section1 div.content .content-adjust {
    width: 50vh;
}

#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 54%;
    height: 21%;
    margin: 34vh auto 0;
}
#lp-e-wrap .section#section1 div.content .topics_01.arrow:before {
    content: "";
    position: absolute;
    top: -6%;
    left: -19px;
    width: 3vh;
    max-width: 16px;
    height: 3vh;
    max-height: 42px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}
#lp-e-wrap .section#section1 div.content .topics_02.arrow:before {
    content: "";
    position: absolute;
    top: 21%;
    left: -16px;
    width: 3vh;
    max-width: 16px;
    height: 3vh;
    max-height: 42px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
}



}






/* 480px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) {

}

/* 768px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {


/*#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 70%;
    height: 24%;
    margin: 41vh auto 0;
}
#lp-e-wrap .section#section1 div.content{
    background-image: url(../img/main_sp.jpg);
    background-size: cover;
}
#lp-e-wrap .section#section1 div.content .jpfp {
    position: absolute;
    top: 331px;
    left: 63px;
    width: 94px;
}
#lp-e-wrap .section#section1 div.content .tgs-is-gs-award {
    position: absolute;
    top: 331px;
    left: 169px;
    width: 94px;
}
#lp-e-wrap .section#section1 div.content span {
    margin: 10px 0px 14px;
}
#lp-e-wrap .section#section1 div.content a.notice {
    margin: 29px auto 0;
    width: 259px;
}
#lp-e-wrap .section#section1 div.content span img.date {
    width: 100%;
}
#lp-e-wrap .section#section1 div.content span img.platform {
    width: 191px;
}
#lp-e-wrap .section#section1 div.content span img.btn-pre-registration {
    margin-top: 5px;
    width: 254px;
}
#lp-e-wrap .section#section1 div.content div.banner-pv1{
    top: 92%;
    left: -20%;
    width: 456px;
    height: 98px;
    background-image: url(../img/top-bnr-pv1-pc.jpg);
}
#lp-e-wrap .section#section1 div.content div.banner-pv2{
    top: 72%;
    left: -20%;
    width: 456px;
    height: 98px;
    background-image: url(../img/top-bnr-pv2-pc.jpg);
}
#lp-e-wrap .section#section1 div.content div.banner-cp{
    position: absolute;
    top: 81%;
    left: -20%;
    width: 456px;
    height: 75px;
    background-image: url(../img/top-bnr-campaign-pc.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}*/







/*notice-191106*/

#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 h3 {
    width: 90%;
    margin: 10px auto;
    text-align: center;
    color: #5a5a5a;
    line-height: 1.2em;
    font-size: 86%;
}

#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 p {
    width: 80%;
    max-width: 580px;
    margin: 0 auto 0;
    color: #5a5a5a;
    font-size: 72%;
    line-height: 1.4em;
}
#lp-e-wrap .section#notice-191106 div.content .box-notice-191106 span.link-notice-191106 {
    max-width: 300px;
    margin: 0 auto;
}







#lp-e-wrap .section#section1 div.content .topics_01.arrow:before {
    top: -4%;
    left: -24px;
    width: 3vh;
    max-width: 20px;
}
#lp-e-wrap .section#section1 div.content .topics_02.arrow:before {
    top: 10%;
    left: -22px;
    width: 3vh;
    max-width: 20px;
}

/*-----------10days------------*/
#lp-e-wrap .section#section-10days div.content .content-adjust .content-adjust-vtcl{
    top: 47%;
    left: 50%;
}
#lp-e-wrap .section#section-10days h4 {
    display: block;
    width: 285px;
    bottom: -27px;
    left: 3px;
}
#lp-e-wrap .section#section-10days .twtcp_10days_btn {
    display: block;
    width: 196px;
    bottom: -72px;
    left: 48px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li {
    display: block;
    width: 190px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(1) {
    top: -5px;
    left: -55px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(2) {
    top: -5px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(3) {
    top: 80px;
    left: -55px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(4) {
    top: 80px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(5) {
    top: 166px;
    left: -55px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(6) {
    top: 166px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(7) {
    top: 251px;
    left: -55px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(8) {
    top: 251px;
    left: 155px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(9) {
    top: 336px;
    left: -55px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(10) {
    top: 336px;
    left: 155px;
}

/*----------loveletter------*/
.section#section-loveletter div.content .loveletter-img {
    top: -31px;
    left: -69px;
    width: 430px;
    z-index: 500;
}
.section#section-loveletter div.content .loveletter-hw {
    top: 314px;
    left: -11px;
    width: 336px;
}
.section#section-loveletter div.content .loveletter-date {
    top: 367px;
    left: 2px;
    width: 313px;
}
.section#section-loveletter div.content .loveletter-bodycopy {
    top: 482px;
    left: 41px;
    width: 239px;
}
.section#section-loveletter div.content .loveletter-btn {
    top: 528px;
    left: 56px;
    width: 203px;
}



/*game-system*/
#lp-e-wrap .section#section-game div.content .game-btn-pv{
    position: absolute;
    top: -100px;
    left: -265px;
}
#lp-e-wrap .section#section-game div.content .game-btn-system{
    position: absolute;
    top: 340px;
    left: -61px;
    width: 428px;
}
#lp-e-wrap .section#section-game div.content .game-btn-pv-sp {
    position: absolute;
    width: 480px;
    top: -41px;
    left: -88px;
    transform: matrix(1.2,0,0,1.2,0,0);
    transition: opacity .8s cubic-bezier(0.585, 0.060, 0.545, 1.000) .2s,transform .4s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section-game div.content:after {
    content: "";
    position: absolute;
    top: 0;
    left: -28px;
    width: 100%;
    height: 100%;
    background-image: url(../img/game_bg-sp.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
    transform: matrix(1.2,0,0,1.2,0,0);
    transition: opacity 3s cubic-bezier(0,.91,.69,1.03) .5s,transform 3s cubic-bezier(0,.91,.69,1.03) .5s;
}


/*-----------------------sec2 tgs-----------------------*/


/*tgs2018*/
#lp-e-wrap .section#section-tgs div.content h3.tgs-logo
   {
    top: -63px;
    left: -72px;
    width: 235px;
    padding: 5px 108px;
    border-top: 1px solid #61ceff;
    border-bottom: 1px solid #61ceff;
    }
#lp-e-wrap .section#section-tgs div.content span.text-lpe
   {
    top: -27px;
    left: 67px;
    width: 180px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-playable
   {
    top: -6px;
    left: 5px;
    width: 297px;
    }
#lp-e-wrap .section#section-tgs div.content div.gameimg
   {
    height: 388px;
    width: 188px;
    top: 65px;
    left: 188px;
    }
#lp-e-wrap .section#section-tgs div.content span.text-playable-exp
   {
    top: 38px;
    left: 56px;
    width: 199px;
    }
#lp-e-wrap .section#section-tgs div.content div.bag-img.sp
   {
    top: 45px;
    left: -100px;
    width: 325px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-bag.sp
   {
    top: 331px;
    left: -33px;
    width: 193px;
    }
#lp-e-wrap .section#section-tgs div.content span.tgs-caution.sp{
    top: 457px;
    left: -69px;
    width: 440px;
    }




/*----------section-campaign----------------*/

#lp-e-wrap .section#section-campaign div.content img.cp-card {
    top: -20%;
    left: -38%;
    width: 531px;
}
#lp-e-wrap .section#section-campaign div.content h3 {
    top: 48%;
    left: -8%;
    width: 371px;
    height: 190px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-100 {
    top: 32%;
    left: -41%;
    width: 132px;
    height: 132px;
}
#lp-e-wrap .section#section-campaign div.content p.cp-bodycopy {
    background-image: url(../img/cp-bodycopy-sp.png);
    top: 78%;
    left: -15%;
    width: 395px;
    height: 129px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-caution {
    display: block;
    position: absolute;
    top: 113%;
    width: 106%;
    height: 76px;
    left: -2%;
    background-image: url(../img/cp-caution-sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}
#lp-e-wrap .section#section-campaign div.content img.cp-btn-detail {
    top: 99%;
    left: -19%;
    width: 423px;
}

/*----------section-pre-registration----------------*/
#lp-e-wrap .section#section-pre-registration div.content {
    background-size: 1683px;
}

#lp-e-wrap .section#section-pre-registration div.content .img-reward {
    top: -38%;
    left: -67%;
    width: 236%;
    height: 936px;
}
#lp-e-wrap .section#section-pre-registration div.content h3 {
    top: -7%;
    left: -29%;
    width: 465px;
    height: 92px;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-reg-present {
    top: 55%;
    left: -18%;
    width: 417px;
    height: 204px;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay {
    width: 308px;
    left: -1%;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email {
    top: 95%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter {
    top: 106%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay {
    top: 84%;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more {
    top: 64%;
    left: 68%;
    width: 131px;
    height: 131px;
}

/*----------section-pre-registration----------------*/
#lp-e-wrap .section#section-pre-registration_cp2 div.content {
    background-size: 1683px;
}

#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-reward {
    top: -38%;
    left: -67%;
    width: 236%;
    height: 936px;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content h3 {
    top: -7%;
    left: -29%;
    width: 465px;
    height: 92px;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content p.pre-reg-present {
    top: 47%;
    left: -18%;
    width: 417px;
    height: 204px;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay {
    width: 253px;
    left: 9%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email {
    top: 80%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter {
    top: 89%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay {
    top: 71%;
}

/*----------deco----------------*/

#lp-e-wrap .section#section2 div.deco-container,
#lp-e-wrap .section#section3 div.deco-container, 
#lp-e-wrap .section#section4 div.deco-container, 
#lp-e-wrap .section#section5 div.deco-container  {
    position: absolute;
    width: 700px;
    height: 700px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#lp-e-wrap .section#section2 div.deco-wrap-1,
#lp-e-wrap .section#section3 div.deco-wrap-1,
#lp-e-wrap .section#section4 div.deco-wrap-1,
#lp-e-wrap .section#section5 div.deco-wrap-1,
#lp-e-wrap .section#section6 div.deco-wrap-1
 {
    position: absolute;
    width: 320px;
    top: -120px;
    left: 0;
    margin: 0 auto;
    height: 128%;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section2 div.deco-wrap-2,
#lp-e-wrap .section#section3 div.deco-wrap-2,
#lp-e-wrap .section#section4 div.deco-wrap-2,
#lp-e-wrap .section#section5 div.deco-wrap-2,
#lp-e-wrap .section#section6 div.deco-wrap-2
 {
    display: block;
    position: absolute;
    width: 320px;
    top: 6px;
    left: 404px;
    margin: 0 auto;
    height: 585px;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1.7,0,0,1.7,0,0);
    opacity: 0.5;
}

#lp-e-wrap .section#section2 div.deco-1,
#lp-e-wrap .section#section2 div.deco-2,
#lp-e-wrap .section#section2 div.deco-3,
#lp-e-wrap .section#section2 div.deco-4,
#lp-e-wrap .section#section2 div.deco-5,
#lp-e-wrap .section#section2 div.deco-6,
#lp-e-wrap .section#section2 div.deco-7,
#lp-e-wrap .section#section2 div.deco-8,
#lp-e-wrap .section#section2 div.deco-9,
#lp-e-wrap .section#section2 div.deco-10,
#lp-e-wrap .section#section2 div.deco-11,
#lp-e-wrap .section#section2 div.deco-12,
#lp-e-wrap .section#section2 div.deco-13,
#lp-e-wrap .section#section2 div.deco-14,
#lp-e-wrap .section#section2 div.deco-15,
#lp-e-wrap .section#section2 div.deco-16,
#lp-e-wrap .section#section3 div.deco-1,
#lp-e-wrap .section#section3 div.deco-2,
#lp-e-wrap .section#section3 div.deco-3,
#lp-e-wrap .section#section3 div.deco-4,
#lp-e-wrap .section#section3 div.deco-5,
#lp-e-wrap .section#section3 div.deco-6,
#lp-e-wrap .section#section3 div.deco-7,
#lp-e-wrap .section#section3 div.deco-8,
#lp-e-wrap .section#section3 div.deco-9,
#lp-e-wrap .section#section3 div.deco-10,
#lp-e-wrap .section#section3 div.deco-11,
#lp-e-wrap .section#section3 div.deco-12,
#lp-e-wrap .section#section3 div.deco-13,
#lp-e-wrap .section#section3 div.deco-14,
#lp-e-wrap .section#section3 div.deco-15,
#lp-e-wrap .section#section3 div.deco-16,
#lp-e-wrap .section#section4 div.deco-1,
#lp-e-wrap .section#section4 div.deco-2,
#lp-e-wrap .section#section4 div.deco-3,
#lp-e-wrap .section#section4 div.deco-4,
#lp-e-wrap .section#section4 div.deco-5,
#lp-e-wrap .section#section4 div.deco-6,
#lp-e-wrap .section#section4 div.deco-7,
#lp-e-wrap .section#section4 div.deco-8,
#lp-e-wrap .section#section4 div.deco-9,
#lp-e-wrap .section#section4 div.deco-10,
#lp-e-wrap .section#section4 div.deco-11,
#lp-e-wrap .section#section4 div.deco-12,
#lp-e-wrap .section#section4 div.deco-13,
#lp-e-wrap .section#section4 div.deco-14,
#lp-e-wrap .section#section4 div.deco-15,
#lp-e-wrap .section#section4 div.deco-16,
#lp-e-wrap .section#section5 div.deco-1,
#lp-e-wrap .section#section5 div.deco-2,
#lp-e-wrap .section#section5 div.deco-3,
#lp-e-wrap .section#section5 div.deco-4,
#lp-e-wrap .section#section5 div.deco-5,
#lp-e-wrap .section#section5 div.deco-6,
#lp-e-wrap .section#section5 div.deco-7,
#lp-e-wrap .section#section5 div.deco-8,
#lp-e-wrap .section#section5 div.deco-9,
#lp-e-wrap .section#section5 div.deco-10,
#lp-e-wrap .section#section5 div.deco-11,
#lp-e-wrap .section#section5 div.deco-12,
#lp-e-wrap .section#section5 div.deco-13,
#lp-e-wrap .section#section5 div.deco-14,
#lp-e-wrap .section#section5 div.deco-15,
#lp-e-wrap .section#section5 div.deco-16
{
    position: absolute;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 100px;
    -webkit-transform:matrix(0.8,0,0,0.8,0,0);
    transform:matrix(0.8,0,0,0.8,0,0);
}
#lp-e-wrap .section#section2 div.deco-1,
#lp-e-wrap .section#section3 div.deco-1,
#lp-e-wrap .section#section4 div.deco-1,
#lp-e-wrap .section#section5 div.deco-1 {
    top: 69px;
    left: 39px;
    width: 80px;
    height: 69px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 78px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
#lp-e-wrap .section#section2 div.deco-2,
#lp-e-wrap .section#section3 div.deco-2,
#lp-e-wrap .section#section4 div.deco-2,
#lp-e-wrap .section#section5 div.deco-2 {
    top: 102px;
    left: 162px;
    width: 42px;
    height: 46px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 40px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section2 div.deco-3,
#lp-e-wrap .section#section3 div.deco-3,
#lp-e-wrap .section#section4 div.deco-3,
#lp-e-wrap .section#section5 div.deco-3 {
    top: 88px;
    left: 128px;
    width: 18px;
    height: 17px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 14px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
#lp-e-wrap .section#section2 div.deco-3,
#lp-e-wrap .section#section3 div.deco-4,
#lp-e-wrap .section#section4 div.deco-4,
#lp-e-wrap .section#section5 div.deco-4 {
    top: 89px;
    left: 235px;
    width: 42px;
    height: 37px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 40px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
#lp-e-wrap .section#section2 div.deco-5,
#lp-e-wrap .section#section3 div.deco-5,
#lp-e-wrap .section#section4 div.deco-5,
#lp-e-wrap .section#section5 div.deco-5 {
    top: 102px;
    left: 207px;
    width: 21px;
    height: 22px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 19px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
#lp-e-wrap .section#section2 div.deco-6,
#lp-e-wrap .section#section3 div.deco-6,
#lp-e-wrap .section#section4 div.deco-6,
#lp-e-wrap .section#section5 div.deco-6 {
    top: 108px;
    left: 282px;
    width: 37px;
    height: 36px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 32px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s;
}
#lp-e-wrap .section#section2 div.deco-7,
#lp-e-wrap .section#section3 div.deco-7,
#lp-e-wrap .section#section4 div.deco-7,
#lp-e-wrap .section#section5 div.deco-7 {
    top: 72px;
    left: 282px;
    width: 18px;
    height: 21px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 16px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s;
}
#lp-e-wrap .section#section2 div.deco-8,
#lp-e-wrap .section#section3 div.deco-8,
#lp-e-wrap .section#section4 div.deco-8,
#lp-e-wrap .section#section5 div.deco-8 {
    top: 108px;
    left: 27px;
    width: 12px;
    height: 12px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 10px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s;
}
#lp-e-wrap .section#section2 div.deco-9,
#lp-e-wrap .section#section3 div.deco-9,
#lp-e-wrap .section#section4 div.deco-9,
#lp-e-wrap .section#section5 div.deco-9 {
    bottom: 30px;
    left: 181px;
    width: 37px;
    height: 37px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 36px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .5s;
}
#lp-e-wrap .section#section2 div.deco-10,
#lp-e-wrap .section#section3 div.deco-10,
#lp-e-wrap .section#section4 div.deco-10,
#lp-e-wrap .section#section5 div.deco-10 {
    bottom: 72px;
    left: 250px;
    width: 59px;
    height: 59px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 56px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .6s;
}
#lp-e-wrap .section#section2 div.deco-11,
#lp-e-wrap .section#section3 div.deco-11,
#lp-e-wrap .section#section4 div.deco-11,
#lp-e-wrap .section#section5 div.deco-11 {
    bottom: 75px;
    left: 90px;
    width: 18px;
    height: 17px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 11px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .7s;
}
#lp-e-wrap .section#section2 div.deco-12,
#lp-e-wrap .section#section3 div.deco-12,
#lp-e-wrap .section#section4 div.deco-12,
#lp-e-wrap .section#section5 div.deco-12 {
    bottom: 59px;
    left: 227px;
    width: 24px;
    height: 31px;
    background-image: url(../img/bg-deco-manaka-3.svg);
    background-position: 0 0;
    background-size: 19px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .8s;
}
#lp-e-wrap .section#section2 div.deco-13,
#lp-e-wrap .section#section3 div.deco-13,
#lp-e-wrap .section#section4 div.deco-13,
#lp-e-wrap .section#section5 div.deco-13 {
    bottom: 102px;
    left: 207px;
    width: 21px;
    height: 22px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 19px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) .9s;
}
#lp-e-wrap .section#section2 div.deco-14,
#lp-e-wrap .section#section3 div.deco-14,
#lp-e-wrap .section#section4 div.deco-14,
#lp-e-wrap .section#section5 div.deco-14 {
    bottom: 44px;
    left: 108px;
    width: 37px;
    height: 36px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 32px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1s;
}
#lp-e-wrap .section#section2 div.deco-15,
#lp-e-wrap .section#section3 div.deco-15,
#lp-e-wrap .section#section4 div.deco-15,
#lp-e-wrap .section#section5 div.deco-15 {
    bottom: 59px;
    left: 64px;
    width: 18px;
    height: 21px;
    background-image: url(../img/bg-deco-manaka-1.svg);
    background-position: 0 0;
    background-size: 16px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.1s;
}
#lp-e-wrap .section#section2 div.deco-16,
#lp-e-wrap .section#section3 div.deco-16,
#lp-e-wrap .section#section4 div.deco-16,
#lp-e-wrap .section#section5 div.deco-16
 {
    bottom: 57px;
    left: 36px;
    width: 12px;
    height: 12px;
    background-image: url(../img/bg-deco-manaka-2.svg);
    background-position: 0 0;
    background-size: 7px;
    transition: opacity 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s,transform 1s cubic-bezier(0.585, 0.060, 0.545, 1.000) 1.2s;
}




/*--------------rinko-------------*/


#lp-e-wrap .section#section4 div.deco-1 {
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-2 {
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-3 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-4{
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-5 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-6 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-7 {
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-8 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-9 {
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-10{
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-11 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-12 {
    background-image: url(../img/bg-deco-rinko-3.svg);
}
#lp-e-wrap .section#section4 div.deco-13 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-14 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}
#lp-e-wrap .section#section4 div.deco-15 {
    background-image: url(../img/bg-deco-rinko-1.svg);
}
#lp-e-wrap .section#section4 div.deco-16 {
    background-image: url(../img/bg-deco-rinko-2.svg);
}

/*--------------nene-------------*/

#lp-e-wrap .section#section5 div.deco-1 {
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-2 {
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-3 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-4{
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-5 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-6 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-7 {
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-8 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-9 {
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-10{
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-11 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-12 {
    background-image: url(../img/bg-deco-nene-3.svg);
}
#lp-e-wrap .section#section5 div.deco-13 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-14 {
    background-image: url(../img/bg-deco-nene-2.svg);
}
#lp-e-wrap .section#section5 div.deco-15 {
    background-image: url(../img/bg-deco-nene-1.svg);
}
#lp-e-wrap .section#section5 div.deco-16 {
    background-image: url(../img/bg-deco-nene-2.svg);
}

.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-1,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-2,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-3,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-4,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-5,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-6,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-7,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-8,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-9,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-10,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-11,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-12,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-13,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-14,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-15,
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-16,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-1,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-2,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-3,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-4,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-5,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-6,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-7,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-8,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-9,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-10,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-11,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-12,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-13,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-14,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-15,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-16,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-1,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-2,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-3,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-4,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-5,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-6,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-7,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-8,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-9,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-10,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-11,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-12,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-13,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-14,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-15,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-16,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-1,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-2,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-3,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-4,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-5,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-6,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-7,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-8,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-9,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-10,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-11,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-12,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-13,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-14,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-15,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-16,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-1,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-2,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-3,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-4,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-5,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-6,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-7,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-8,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-9,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-10,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-11,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-12,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-13,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-14,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-15,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-16
 {
    -webkit-transform:matrix(1,0,0,1,-8,5);
    transform:matrix(1,0,0,1,-8,5);
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-1,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-1,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-1,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-1,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-1
 {
        opacity: 0.3;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-2,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-2,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-2,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-2,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-2
 {
        opacity: 0.3;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-3,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-3, 
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-3,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-3,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-3
 {
        opacity: 0.6;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-4,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-4,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-4,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-4,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-4
 {
        opacity: 0.2;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-5,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-5,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-5,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-5,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-5
 {
        opacity: 0.4;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-6,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-6,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-6,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-6,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-6
 {
        opacity: 0.2;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-7,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-7,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-7,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-7,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-7
 {
        opacity: 0.5;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-8,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-8,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-8,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-8,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-8
 {
        opacity:0.4;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-9,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-9,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-9,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-9,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-9
 {
        opacity: 0.3;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-10,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-10,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-10,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-10,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-10
 {
        opacity: 0.5;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-11,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-11,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-11,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-11,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-11
 {
        opacity: 0.6;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-12,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-12,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-12,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-12,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-12
 {
        opacity: 0.2;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-13,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-13,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-13,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-13,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-13
 {
        opacity: 0.7;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-14,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-14,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-14,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-14,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-14
 {
        opacity: 0.2;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-15,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-15,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-15,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-15,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-15
 {
        opacity: 0.5;
    }
.fp-viewing-3rdPage #lp-e-wrap .section#section2 div.deco-16,
.fp-viewing-6thpage #lp-e-wrap .section#section3 div.deco-16,
.fp-viewing-7thpage #lp-e-wrap .section#section4 div.deco-16,
.fp-viewing-8thpage #lp-e-wrap .section#section5 div.deco-16,
.fp-viewing-9thpage #lp-e-wrap .section#section6 div.deco-16
 {
        opacity:0.4;
    }

/*sec2----------------------------------------*/

#lp-e-wrap .section#section2 div.content .content-adjust{
    width: 758px;
}

#lp-e-wrap .section#section2 div.content .content-adjust .content-adjust-vtcl{
    position: absolute;
    top: 50%;
    left: 21%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1000;
    min-width: 320px;
    height: 532px;
}
#lp-e-wrap .section#section2 div.content .tgs-logo {
    position: absolute;
    top: -104px;
    left: 0px;
    width: 758px;
    height: 36px;
    padding: 14px 0;
    background-size: 39% auto;
}
#lp-e-wrap .section#section2 div.content h3 {
    position: absolute;
    top: 12px;
    left: 185px;
    width: 380px;
    height: 218px;
}
#lp-e-wrap .section#section2 div.content h3.perspective {
    position: absolute;
    top: -5px;
    left: 205px;
    width: 351px;
    height: 116px;
}
#lp-e-wrap .section#section2 div.content .perspective-img {
    position: absolute;
    top: 105px;
    left: 182px;
    width: 412px;
    height: 181px;
}
#lp-e-wrap .section#section2 div.content .perspective-text {
    position: absolute;
    top: 284px;
    left: 235px;
    width: 278px;
    height: 46px;
}
#lp-e-wrap .section#section2 div.content h3.goggles {
    position: absolute;
    top: 308px;
    left: 185px;
    width: 384px;
    height: 156px;
}
#lp-e-wrap .section#section2 div.content .deco-adjust {
    position: absolute;
    top: 500px;
    left: 240px;
    height: 10px;
    width: 320px;
}
#lp-e-wrap .section#section2 div.content .circle-icon {
    position: absolute;
    top: -78px;
    left: -227px;
    width: 147px;
    height: 202px;
}
#lp-e-wrap .section#section2 div.content .circle-icon.goggles {
    position: absolute;
    top: -135px;
    left: -33px;
    width: 183px;
    height: 261px;
}
#lp-e-wrap .section#section2 div.content .deco-1-sec2 {
    position: absolute;
    top: -56px;
    left: 5px;
    width: 74px;
    height: 151px;
}
#lp-e-wrap .section#section2 div.content .deco-2-sec2 {
    position: absolute;
    top: -57px;
    left: -83px;
    width: 74px;
    height: 152px;
}
#lp-e-wrap .section#section2 div.content .deco-3-sec2 {
    position: absolute;
    top: -56px;
    left: 93px;
    width: 74px;
    height: 152px;
}
#lp-e-wrap .section#section2 div.content .deco-1-sec2.pattern-2 {
    position: absolute;
    top: -87px;
    left: 218px;
    width: 52px;
    height: 158px;
}
#lp-e-wrap .section#section2 div.content .deco-2-sec2.pattern-2 {
    position: absolute;
    top: -87px;
    left: 160px;
    width: 52px;
    height: 158px;
}
#lp-e-wrap .section#section2 div.content .deco-3-sec2.pattern-2 {
    position: absolute;
    top: -87px;
    left: 273px;
    width: 52px;
    height: 158px;
}
#lp-e-wrap .section#section2 div.content .tgs-bodycopy {
    position: absolute;
    top: 307px;
    left: 230px;
    width: 305px;
    height: 158px;
}
#lp-e-wrap .section#section2 div.content .tgs-bodycopy.goggles {
    width: 299px;
    height: 12px;
    margin: 249px auto 0;
}
#lp-e-wrap .section#section2 div.content .tgs-btn {
    position: absolute;
    top: 566px;
    left: 200px;
    width: 353px;
    height: 85px;
}

/*sec3----------------------------------------*/

#lp-e-wrap .section#section3 div.content .img-kanojo {
    top: -74px;
    left: -80px;
    width: 233px;
    height: 700px;
}
#lp-e-wrap .section#section3 div.content .word-kanojo {
    top: -59px;
    left: 171px;
    width: 266px;
    height: 257px;
}
#lp-e-wrap .section#section3 div.content .name-kanojo {
    top: 212px;
    left: 171px;
    width: 167px;
    height: 36px;
}
#lp-e-wrap .section#section3 div.content .cv-kanojo {
    top: 249px;
    left: 171px;
    width: 122px;
    height: 25px;
}
#lp-e-wrap .section#section3 div.content .birthday-kanojo {
    top: 293px;
    left: 173px;
    width: 221px;
}
#lp-e-wrap .section#section3 div.content .prof-kanojo {
    top: 368px;
    left: 172px;
    width: 235px;
    height: 180px;
}
#lp-e-wrap .section#section3 div.content .illustlationby {
    top: 594px;
    left: 172px;
    width: 163px;
    height: 14px;
}

/*sec4----------------------------------------*/

#lp-e-wrap .section#section4 div.content .img-kanojo {
    top: -47px;
    left: 323px;
    width: 170px;
    height: 730px;
}
#lp-e-wrap .section#section4 div.content .word-kanojo {
    top: 18px;
    left: -63px;
    width: 422px;
    height: 202px;
}
#lp-e-wrap .section#section4 div.content .name-kanojo {
    top: 156px;
    left: -57px;
    width: 167px;
    height: 36px;
}
#lp-e-wrap .section#section4 div.content .cv-kanojo {
    top: 194px;
    left: -57px;
    width: 122px;
    height: 25px;
}
#lp-e-wrap .section#section4 div.content .birthday-kanojo {
    top: 245px;
    left: -55px;
    width: 221px;
}
#lp-e-wrap .section#section4 div.content .prof-kanojo {
    top: 333px;
    left: -57px;
    width: 235px;
    height: 180px;
}
#lp-e-wrap .section#section4 div.content .illustlationby {
    top: 572px;
    left: -57px;
    width: 163px;
    height: 14px;
}

/*sec5----------------------------------------*/

#lp-e-wrap .section#section5 div.content .img-kanojo {
    top: -94px;
    left: -75px;
    width: 247px;
    height: 747px;
}
#lp-e-wrap .section#section5 div.content .word-kanojo {
    top: -1px;
    left: 185px;
    width: 371px;
    height: 202px;
}
#lp-e-wrap .section#section5 div.content .name-kanojo {
    top: 195px;
    left: 185px;
    width: 167px;
    height: 32px;
}
#lp-e-wrap .section#section5 div.content .cv-kanojo {
    top: 232px;
    left: 185px;
    width: 122px;
    height: 25px;
}
#lp-e-wrap .section#section5 div.content .birthday-kanojo {
    top: 278px;
    left: 187px;
    width: 221px;
}
#lp-e-wrap .section#section5 div.content .prof-kanojo {
    top: 365px;
    left: 185px;
    width: 235px;
    height: 180px;
}
#lp-e-wrap .section#section5 div.content .illustlationby {
    top: 595px;
    left: 185px;
    width: 163px;
    height: 14px;
}


/*sec6----------------------------------------*/

#lp-e-wrap .section#section6 div.content .sec6-catch {
    position: absolute;
    top: 142px;
    left: -176px;
    width: 263px;
    height: 201px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-1 {
    top: 84px;
    left: 187px;
    width: 214px;
    height: 456px;

}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-2 {
    top: 8px;
    left: 93px;
    width: 390px;
    height: 457px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-3 {
    top: 8px;
    left: 93px;
    width: 390px;
    height: 457px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-4 {
    top: 8px;
    left: 93px;
    width: 390px;
    height: 457px;
}
#lp-e-wrap .section#section6 div.content .gameimg-caution {
    top: 477px;
    left: 230px;
    width: 122px;
    height: 74px;
}

/*sec7----------------------------------------*/

#lp-e-wrap .section#section7 div.content .content-adjust .content-adjust-vtcl {
    width: 558px;
}
#lp-e-wrap .section#section7 div.content .sec7-logo {
    width: 271px;
    height: 125px;
    margin: 39px auto 39px;
}
footer .vr-mark {
    width: 529px;
    margin: 8px auto 2px;
}
footer .vr-mark dl dd ul {
    padding-top: 6px;
}
footer .vr-mark dl dd ul li span {
    display: inline;
}
footer ul {
    width: 100%;
    margin: 0 auto;
    padding-top: 4px;
}

#lp-e-wrap .section#section7 div.content .sec7-date span {
    margin: 10px 0px 14px;
}
#lp-e-wrap .section#section7 div.content .sec7-date a.sec7-notice {
    width: 207px;
    margin-top: 7px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.date {
    width: 30%;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.platform {
    width: 191px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.btn-pre-registration {
    margin-top: 5px;
    width: 254px;
}


}

/* 420px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 420px) {

#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 35vh;
    max-width: 275px;
    height: 17vh;
    margin: 44vh auto 3vh;
}
#lp-e-wrap .section#section1 div.content{
    background-image: url(../img/main_sp.jpg);
    background-size: 67vh;
    background-position: center top;
}

#lp-e-wrap .section#section1 div.content .platform_date {
    width: 25vh;
    margin: 11px auto 9px;
}
#lp-e-wrap .section#section1 div.content .sec1-pre-registration {
    width: 28vh;
    margin: 11px auto;
}
#lp-e-wrap .section#section1 div.content .topics_01 {
    width: 53vh;
    margin: 6px auto 3px;
    display: block;
}
#lp-e-wrap .section#section1 div.content .topics_02 {
    width: 24vh;
    margin: 0px auto 3px;
    display: block;
}
#lp-e-wrap .section#section1 div.content .operating_environment {
    width: 19vh;
    padding: 9px;
    margin: 3 auto ;
}
#lp-e-wrap .section#section1 div.content .notice_0526 .operating_environment {
    width: 24vh;
    padding: 9px;
}
#lp-e-wrap .section#section1 div.content .link_device a {
    width: 19vh;
    margin: 3px auto 0px;
}

#lp-e-wrap .section#section1 div.content .notice_0526 a {
    width: 57vh;
    margin: 0 auto;
}
#lp-e-wrap .section#section1 div.content .notice_0526.notice_0806 .operating_environment {
   width: 27vh;
}



/*#lp-e-wrap .section#section1 .icon-scroll {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 11%;
    background-size: 3vh auto;
    background-position: 50% 25px;
}*/

#lp-e-wrap .section#section1 div.content .content-adjust {
    width: 100vh;
    max-width: 1500px;
}

}

@media only screen and (max-width: 420px) {

.wrap-flex {
    margin: 3px auto 3px;
}

}

@media only screen and (max-width: 320px) {

.wrap-flex {
    margin: 3px auto 9px;
}
.wrap-flex .link_lite {
    width: 50%;
    margin: 7px auto 0px;
}

}


/* 527px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 527px) {

#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 35vh;
    max-width: 275px;
    height: 17vh;
    margin: 41vh auto 4vh;
}
#lp-e-wrap .section#section1 div.content{
    background-image: url(../img/main_sp.jpg);
    background-size: 97vh;
    background-position: center -93px;
}

}

/* 800px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 800px) {

#lp-e-wrap .section#section1 div.content .sec1-logo {
    width: 33vh;
    max-width: 275px;
    height: 17vh;
    margin: 42vh auto 20px;
}
#lp-e-wrap .section#section1 div.content{
    background-image: url(../img/main_pc.jpg);
    background-size: 158vh;
    background-position: center top;
}

}


/* 980px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 980px) {


#lp-e-wrap .section#section1 div.content a.notice {
    margin: 11px auto 0;
    width: 240px;
}
#lp-e-wrap div.content .btn-other {
    width: 50%;
    margin: 0px 15px 6px 0;
    max-width: 303px;
    text-align: center;
}
#lp-e-wrap div.content .btn-other img{
    display: inline-block;
    width: 100%;
}



/*----------icon-scroll----------------*/ 

#lp-e-wrap .icon-scroll{
    position: absolute;
    bottom:5px;
    width:100%;
    height: 11%;
    background-image: url(../img/icon-scroll.svg);
    background-repeat: no-repeat;
    background-size:45px auto;
    background-position: 50% 5px;
    opacity:0.7;
    z-index: 500;
}
#lp-e-wrap .icon-scroll-up{
    position: absolute;
    top: 0;
    width: 100%;
    height: 20%;
    background-image: url(../img/icon-scroll-up.svg);
    background-repeat: no-repeat;
    background-size: 45px auto;
    background-position: 50% 42px;
    opacity:0.7;
    z-index: 500;
}
#lp-e-wrap .section#section2 .icon-scroll{
    background-image: url(../img/icon-scroll-white.svg);
}
#lp-e-wrap .section#section2 .icon-scroll-up{
    background-image: url(../img/icon-scroll-white-up.svg);
}
#lp-e-wrap .section#section4 .icon-scroll{
    background-image: url(../img/icon-scroll-green.svg);
}
#lp-e-wrap .section#section4 .icon-scroll-up{
    background-image: url(../img/icon-scroll-green-up.svg);
}
#lp-e-wrap .section#section5 .icon-scroll{
    background-image: url(../img/icon-scroll-pink.svg);
}
#lp-e-wrap .section#section5 .icon-scroll-up{
    background-image: url(../img/icon-scroll-pink-up.svg);
}


/*----------deco----------------*/

#lp-e-wrap .section#section2 div.deco-container,
#lp-e-wrap .section#section3 div.deco-container, 
#lp-e-wrap .section#section4 div.deco-container, 
#lp-e-wrap .section#section5 div.deco-container  {
    position: absolute;
    width: 980px;
    height: 980px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#lp-e-wrap .section#section2 div.deco-wrap-1, #lp-e-wrap .section#section3 div.deco-wrap-1, #lp-e-wrap .section#section4 div.deco-wrap-1, #lp-e-wrap .section#section5 div.deco-wrap-1, #lp-e-wrap .section#section6 div.deco-wrap-1 {
    position: absolute;
    width: 320px;
    top: 166px;
    left: 85px;
    margin: 0 auto;
    height: 616px;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1,0,0,1,0,0);
}
#lp-e-wrap .section#section2 div.deco-wrap-2, #lp-e-wrap .section#section3 div.deco-wrap-2, #lp-e-wrap .section#section4 div.deco-wrap-2, #lp-e-wrap .section#section5 div.deco-wrap-2, #lp-e-wrap .section#section6 div.deco-wrap-2 {
    display: block;
    position: absolute;
    width: 320px;
    top: 254px;
    left: 499px;
    margin: 0 auto;
    height: 411px;
    -webkit-transform: matrix(1,0,0,1,0,0);
    transform: matrix(1.7,0,0,1.7,0,0);
    opacity: 0.5;
}

/*game-system*/
#lp-e-wrap .section#section-game div.content .game-btn-pv{
    position: absolute;
    top: 2px;
    left: -55px;
    width: 409px;
}
#lp-e-wrap .section#section-game div.content .game-btn-system{
    position: absolute;
    top: 307px;
    left: -81px;
    width: 459px;
}
#lp-e-wrap .section#section-game div.content:after {
    background-image: url(../img/game_bg.jpg);
    background-position: 50%;
    background-size: cover;
}
#lp-e-wrap .section#section-game div.content .game-btn-pv{
    display: block;
}
#lp-e-wrap .section#section-game div.content .game-btn-pv-sp{
    display: none;
}


/*-----------loveletter----------*/


.section#section-loveletter div.content .loveletter-img
{
    top: 31px;
    left: -343px;
    width: 603px;
}
.section#section-loveletter div.content .loveletter-hw
{
    top: 138px;
    left: 228px;
    width: 360px;
}
.section#section-loveletter div.content .loveletter-date
{
    top: 189px;
    left: 240px;
    width: 367px;
}
.section#section-loveletter div.content .loveletter-bodycopy
{
    top: 322px;
    left: 295px;
    width: 255px;
}
.section#section-loveletter div.content .loveletter-btn
{
    top: 379px;
    left: 313px;
    width: 220px;
}



/*-------10days---------*/

#lp-e-wrap .section#section-10days div.content .content-adjust .content-adjust-vtcl{
    top: 48%;
    left: 60%;
}

#lp-e-wrap .section#section-10days h4
{
    display: block;
    width: 319px;
    bottom: 84px;
    left: -36px
}
#lp-e-wrap .section#section-10days .twtcp_10days_btn
{
    display: block;
    width: 287px;
    bottom: 19px;
    left: -18px;
}

#lp-e-wrap .section#section-10days ul.ul-badge li
{
    display: block;
    width: 286px;
}

#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(1)
{
    top: 35px;
    left: -330px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(2)
{
    top: 33px;
    left: -18px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(3)
{
    top: 34px;
    left: 291px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(4)
{
    top: 160px;
    left: -330px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(5)
{
    top: 160px;
    left: -20px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(6)
{
    top: 160px;
    left: 291px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(7)
{
    top: 286px;
    left: -330px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(8)
{
    top: 286px;
    left: 291px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(9)
{
    top: 413px;
    left: -330px;
}
#lp-e-wrap .section#section-10days ul.ul-badge li:nth-child(10)
{
    top: 413px;
    left: 291px;
}





/*-----------------------sec2 tgs-----------------------*/


/*tgs2018*/

#lp-e-wrap .section#section-tgs div.content:after
   {
    background-size: 582px;
    }

#lp-e-wrap .section#section-tgs div.content h3.tgs-logo
   {
    top: 31px;
    left: -198px;
    width: 330px;
    padding: 6px 67px;
    border-top: 1px solid #61ceff;
    border-bottom: 1px solid #61ceff;
    }
#lp-e-wrap .section#section-tgs div.content span.text-lpe
   {
    display: block;
    top: 73px;
    left: -67px;
    width: 210px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-playable
   {
    top: 90px;
    left: -173px;
    width: 417px;
    }
#lp-e-wrap .section#section-tgs div.content div.gameimg
   {
    height: 574px;
    width: 287px;
    top: 0px;
    left: 297px;
    background-repeat: no-repeat;
    background-size: 261px;
    background-position: 0px 0px;
    }
#lp-e-wrap .section#section-tgs div.content span.text-playable-exp
   {
    display: block;
    top: 151px;
    left: -74px;
    width: 224px;
    }
#lp-e-wrap .section#section-tgs div.content div.bag-img.pc
   {
    display: block;
    top: 124px;
    left: -230px;
    width: 535px;
    }
#lp-e-wrap .section#section-tgs div.content div.bag-img.sp
   {
    display: none;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-bag.pc
   {
    display: block;
    top: 341px;
    left: -171px;
    width: 425px;
    }
#lp-e-wrap .section#section-tgs div.content h4.text-bag.sp
   {
    display: none;
    }
#lp-e-wrap .section#section-tgs div.content span.tgs-caution.pc{
    display: block;
    top: 400px;
    left: -192px;
    width: 455px;
    }
#lp-e-wrap .section#section-tgs div.content span.tgs-caution.sp{
    display: none;
    }



/*sec2----------------------------------------*/

#lp-e-wrap .section#section2 div.content .content-adjust{
    width: 980px;
}

#lp-e-wrap .section#section2 div.content .content-adjust .content-adjust-vtcl{
    position: absolute;
    top: 50%;
    left: 21%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1000;
    min-width: 320px;
    height: 532px;
}
#lp-e-wrap .section#section2 div.content .tgs-logo {
    position: absolute;
    top: 0px;
    left: 51px;
    width: 781px;
    height: 19px;
    padding: 8px 0;
    background-size: 17% auto;
}
#lp-e-wrap .section#section2 div.content h3 {
    position: absolute;
    top: 108px;
    left: 92px;
    width: 343px;
    height: 218px;
}
#lp-e-wrap .section#section2 div.content h3.perspective {
    position: absolute;
    top: 75px;
    left: 53px;
    width: 777px;
    height: 217px;
    background-image: url(../img/page-tgs-title-2-pc.png);
    z-index: 500;
}
#lp-e-wrap .section#section2 div.content .perspective-img {
    position: absolute;
    top: 97px;
    left: 322px;
    width: 602px;
    height: 261px;
    z-index: 900;
}
#lp-e-wrap .section#section2 div.content .perspective-text {
    position: absolute;
    top: 286px;
    left: 50px;
    width: 298px;
    height: 49px;
    z-index: 600;
}
#lp-e-wrap .section#section2 div.content h3.goggles {
    top: 346px;
    left: 47px;
    width: 830px;
    height: 137px;
    margin: 0px auto;
    background-image: url(../img/page-tgs-title-goggles-pc.png);
}
#lp-e-wrap .section#section2 div.content .deco-adjust {
    position: absolute;
    top: 418px;
    left: 464px;
    height: 10px;
    width: 320px;
    z-index: 700;
}
#lp-e-wrap .section#section2 div.content .circle-icon {
    position: absolute;
    top: -236px;
    left: 82px;
    width: 165px;
    height: 202px;
}
#lp-e-wrap .section#section2 div.content .circle-icon.goggles {
    position: absolute;
    top: -95px;
    left: -121px;
    width: 223px;
    height: 182px;
}
#lp-e-wrap .section#section2 div.content .deco-1-sec2 {
    position: absolute;
    top: -56px;
    left: 126px;
    width: 74px;
    height: 151px;
}
#lp-e-wrap .section#section2 div.content .deco-2-sec2 {
    position: absolute;
    top: -57px;
    left: 38px;
    width: 74px;
    height: 152px;
}
#lp-e-wrap .section#section2 div.content .deco-3-sec2 {
    position: absolute;
    top: -56px;
    left: 209px;
    width: 74px;
    height: 152px;
}
#lp-e-wrap .section#section2 div.content .deco-1-sec2.pattern-2 {
    position: absolute;
    top: -65px;
    left: 214px;
    width: 45px;
    height: 83px;
}
#lp-e-wrap .section#section2 div.content .deco-2-sec2.pattern-2 {
    position: absolute;
    top: -65px;
    left: 151px;
    width: 45px;
    height: 83px;
}
#lp-e-wrap .section#section2 div.content .deco-3-sec2.pattern-2 {
    position: absolute;
    top: -65px;
    left: 270px;
    width: 45px;
    height: 83px;
}
#lp-e-wrap .section#section2 div.content .tgs-bodycopy {
    position: absolute;
    top: 237px;
    left: 88px;
    width: 349px;
    height: 158px;
}
#lp-e-wrap .section#section2 div.content .tgs-bodycopy.goggles {
    position: absolute;
    top: 250px;
    left: 513px;
    width: 299px;
    height: 13px;
    margin: 207px auto 0;
    display: none;
}
#lp-e-wrap .section#section2 div.content .tgs-btn {
    position: absolute;
    top: 419px;
    left: 573px;
    width: 255px;
    height: 63px;
}


/*sec3----------------------------------------*/

#lp-e-wrap .section#section3 div.content .img-kanojo {
    top: 24px;
    left: -57px;
    width: 162px;
    height: 700px;
}
#lp-e-wrap .section#section3 div.content .word-kanojo {
    top: 70px;
    left: 170px;
    width: 351px;
    height: 202px;
    background-image: url(../img/word-manaka-2.svg);
}
#lp-e-wrap .section#section3 div.content .name-kanojo {
    top: 193px;
    left: 171px;
    width: 167px;
    height: 36px;
}
#lp-e-wrap .section#section3 div.content .cv-kanojo {
    top: 230px;
    left: 172px;
    width: 122px;
    height: 25px;
}
#lp-e-wrap .section#section3 div.content .birthday-kanojo {
    top: 266px;
    left: 173px;
    width: 197px;
}
#lp-e-wrap .section#section3 div.content .prof-kanojo {
    top: 333px;
    left: 173px;
    width: 198px;
    height: 180px;
}
#lp-e-wrap .section#section3 div.content .illustlationby {
    top: 483px;
    left: 170px;
    width: 163px;
    height: 14px;
}




/*sec4----------------------------------------*/

#lp-e-wrap .section#section4 div.content .img-kanojo {
    top: 38px;
    left: 323px;
    width: 120px;
    height: 730px;
}
#lp-e-wrap .section#section4 div.content .word-kanojo {
    top: 73px;
    left: -60px;
    width: 368px;
    height: 202px;
}
#lp-e-wrap .section#section4 div.content .name-kanojo {
    top: 180px;
    left: -57px;
    width: 167px;
    height: 36px;
}
#lp-e-wrap .section#section4 div.content .cv-kanojo {
    top: 216px;
    left: -57px;
    width: 122px;
    height: 25px;
}
#lp-e-wrap .section#section4 div.content .birthday-kanojo {
    top: 258px;
    left: -55px;
    width: 197px;
}
#lp-e-wrap .section#section4 div.content .prof-kanojo {
    top: 330px;
    left: -55px;
    width: 198px;
    height: 180px;
}
#lp-e-wrap .section#section4 div.content .illustlationby {
    top: 469px;
    left: -57px;
    width: 163px;
    height: 14px;
}



/*sec5----------------------------------------*/

#lp-e-wrap .section#section5 div.content .img-kanojo {
    top: 31px;
    left: -43px;
    width: 162px;
    height: 747px;
}
#lp-e-wrap .section#section5 div.content .word-kanojo {
    top: 53px;
    left: 181px;
    width: 331px;
    height: 202px;
    background-image: url(../img/word-nene-2.svg);
}
#lp-e-wrap .section#section5 div.content .name-kanojo {
    top: 185px;
    left: 182px;
    width: 167px;
    height: 36px;
}
#lp-e-wrap .section#section5 div.content .cv-kanojo {
    top: 223px;
    left: 182px;
    width: 122px;
    height: 25px;
}
#lp-e-wrap .section#section5 div.content .birthday-kanojo {
    top: 257px;
    left: 184px;
    width: 197px;
}
#lp-e-wrap .section#section5 div.content .prof-kanojo {
    top: 323px;
    left: 184px;
    width: 198px;
    height: 180px;
}
#lp-e-wrap .section#section5 div.content .illustlationby {
    top: 481px;
    left: 182px;
    width: 163px;
    height: 14px;
}




/*sec6----------------------------------------*/

#lp-e-wrap .section#section6 div.content .sec6-catch {
    position: absolute;
    top: 148px;
    left: -214px;
    width: 308px;
    height: 201px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-1 {
    top: 114px;
    left: 231px;
    width: 201px;
    height: 456px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-2 {
    top: 39px;
    left: 134px;
    width: 390px;
    height: 457px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-3 {
    top: 39px;
    left: 134px;
    width: 390px;
    height: 457px;
}
#lp-e-wrap .section#section6 div.content .sec6-gameimg-4 {
    top: 39px;
    left: 134px;
    width: 390px;
    height: 457px;
}

#lp-e-wrap .section#section6 div.content .gameimg-caution {
    top: 504px;
    left: 268px;
    width: 126px;
    height: 74px;
}


/*sec7----------------------------------------*/

#lp-e-wrap .section#section7 div.content .sec7-logo {
    width: 268px;
    height: 129px;
    margin: 34px auto 31px;
}



/*sec7-------------------section1---------------------*/



#lp-e-wrap .section#section1 div.content span
{
    margin:6px 0;
}
#lp-e-wrap .section#section1 div.content span img.date
{
    width: 100%;
}
#lp-e-wrap .section#section1 div.content span img.platform
{
    width: 131px;
    margin-top: 15px;
}
#lp-e-wrap .section#section1 div.content span img.btn-pre-registration
{
    margin-top: 5px;
    width: 194px;
}
#lp-e-wrap .section#section1 div.content span.preregistration a
{
    display: block;
    width: 194px;
    height: 35px;
    margin: 0 auto;
}

#lp-e-wrap .section#section1 div.content div.banner-pv1{
    top: 78%;
    left: -9%;
    width: 352px;
    height: 98px;
}
#lp-e-wrap .section#section1 div.content div.banner-pv2 {
    top: 63%;
    left: -9%;
    width: 352px;
    height: 98px;
}
#lp-e-wrap .section#section1 div.content div.banner-cp{
    top: 81%;
    left: -20%;
    width: 456px;
    height: 75px;
}



/*----------------------section-campaign-----------------------*/


#lp-e-wrap .section#section-campaign div.content{
    background-image: url(../img/cp-bg-pc.gif);
    background-repeat: no-repeat;
    background-size: 1473px;
    background-position: 58% 47%;
}

#lp-e-wrap .section#section-campaign div.content img.cp-card{
    top: 8%;
    left: -91%;
    width: 424px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-100{
    top: 28%;
    left: 146%;
    width: 150px;
    height: 150px;
}
#lp-e-wrap .section#section-campaign div.content h3{
    top: 11%;
    left: 54%;
    width: 423px;
    height: 274px;
    background-image: url(../img/cp-title-pc.png);
}
#lp-e-wrap .section#section-campaign div.content p.cp-bodycopy{
    top: 61%;
    left: -94%;
    width: 843px;
    height: 87px;
    background-image: url(../img/cp-bodycopy-pc.png);
    background-size: 750px;
}
#lp-e-wrap .section#section-campaign div.content span.cp-caution{
    display: block;
    position: absolute;
    top: 76%;
    width: 713px;
    height: 25px;
    left: -69%;
    background-image: url(../img/cp-caution-pc.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
}
#lp-e-wrap .section#section-campaign div.content img.cp-btn-detail {
    top: 82%;
    left: -15%;
    width: 390px;
}

/*----------------------section-pre-registration-----------------------*/

#lp-e-wrap .section#section-pre-registration div.content {
    background-color: #fff;
    background-image: url(../img/pre-reg-bg-pc-pattern.jpg);
    background-size: 1615px;
    background-position: center 50%;
}
#lp-e-wrap .section#section-pre-registration div.content:before {
/*    background-position: 25% 50%;
    background-size: 326px;*/
    display: none;
}



#lp-e-wrap .section#section-pre-registration div.content:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background:none;
}

#lp-e-wrap .section#section-pre-registration div.content .img-reward {
    top: -16%;
    left: -112%;
    width: 980px;
    height: 670px;
    background-size: 171%;
}
#lp-e-wrap .section#section-pre-registration div.content .img-present:before{
    content: "";
    height: 640px;
    width: 660px;
    position: absolute;
    top: -34px;
    left: -350px;
    background-repeat: no-repeat;
    background-size: 583px;
    background-position: center -2%;
    z-index: 50;
}
#lp-e-wrap .section#section-pre-registration div.content .img-present.reward1:before {
    background-image: url(../img/pre-reg-bg-pc-manaka.png);
}
#lp-e-wrap .section#section-pre-registration div.content .img-present.reward2:before {
    background-image: url(../img/pre-reg-bg-pc-rinko.png);
/*    background-position: 25% 50%;*/
}
#lp-e-wrap .section#section-pre-registration div.content .img-present.reward3:before {
    background-image: url(../img/pre-reg-bg-pc-nene.png);
}
#lp-e-wrap .section#section-pre-registration div.content .pre-bg {
    height: 130%;
    width: 491px;
    background-color: rgba(78, 176, 255, 0.64);;
    position: absolute;
    top: -15%;
    left: 47%;
    transform: skewX(-17deg);
}

#lp-e-wrap .section#section-pre-registration div.img-reward.reward1 {
    background-image: url(../img/pre-reg-bg-pc-manaka.jpg);
}
#lp-e-wrap .section#section-pre-registration div.img-reward.reward2 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #000;
}
#lp-e-wrap .section#section-pre-registration div.img-reward.reward3 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #acee22;
}
#lp-e-wrap .section#section-pre-registration div.content h3{
    top: 17%;
    left: 71%;
    width: 361px;
    height: 57px;
    background-image: url(../img/pre-reg-title-sp.png);
    z-index: 500;
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-reg-present{
    top: 33%;
    left: 74%;
    width: 340px;
    height: 256px;
    background-image: url(../img/pre-reg-present-pc.png?v2);
}
#lp-e-wrap .section#section-pre-registration div.content p.pre-registration_cp2_more {
    top: 59%;
    left: 115%;
    width: 100px;
    height: 100px;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay
{
    width: 226px;
    left: 94%;
}
#lp-e-wrap .section#section-pre-registration div.content img.re-reg-btn-email
{
    top: 81%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-twitter
{
    top: 88.9%;
}
#lp-e-wrap .section#section-pre-registration div.content img.pre-reg-btn-googleplay
{
    top: 73%;
}

/*----------------------section-pre-registration-----------------------*/

/*#lp-e-wrap .section#section-pre-registration_cp2 div.content {
    background-color: #fff;
    background-image: url(../img/pre-reg-bg-pc-pattern.jpg);
    background-size: 1615px;
    background-position: center 50%;
}*/
#lp-e-wrap .section#section-pre-registration_cp2 div.content:before {
/*    background-position: 25% 50%;
    background-size: 326px;*/
    display: none;
}



#lp-e-wrap .section#section-pre-registration_cp2 div.content:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background:none;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp21:after, #lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp22:after, #lp-e-wrap .section#section-pre-registration_cp2 div.content.reward_cp23:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-reward {
    top: -16%;
    left: -112%;
    width: 980px;
    height: 670px;
    background-size: 171%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present:before{
    content: "";
    height: 640px;
    width: 661px;
    position: absolute;
    top: -7px;
    left: -369px;
    background-repeat: no-repeat;
    background-size: 564px;
    background-position: center 0;
    z-index: 50;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present.reward_cp21:before {
    background-image: url(../img/pre-registration_cp2_img_1.png);

}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present.reward_cp22:before {
    background-image: url(../img/pre-registration_cp2_img_2.png);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .img-present.reward_cp23:before {
    background-image: url(../img/pre-registration_cp2_img_3.png);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-bg {
    height: 130%;
    width: 491px;
    background-color: rgba(78, 176, 255, 0.64);;
    position: absolute;
    top: -15%;
    left: 47%;
    transform: skewX(-17deg);
}

#lp-e-wrap .section#section-pre-registration_cp2 div.img-reward.reward_cp21 {
    background-image: url(../img/pre-reg-bg-pc-manaka.jpg);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.img-reward.reward_cp22 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #000;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.img-reward.reward_cp23 {
/*    background-image: url(../img/gameimg-01.png);*/
    background-color: #acee22;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content h3{
    top: 12%;
    left: 71%;
    width: 361px;
    height: 57px;
    background-image: url(../img/pre-reg-title-sp.png);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content p.pre-reg-present{
    top: 24%;
    left: 74%;
    width: 340px;
    height: 240px;
    background-image: url(../img/pre-reg-present-pc.png?v2);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email,
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter,
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay
{
    width: 264px;
    left: 86%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.re-reg-btn-email
{
    top: 73%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-twitter
{
    top: 83%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content img.pre-reg-btn-googleplay
{
    top: 63%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text1 {
    position: absolute;
    top: 56px;
    left: 312px;
    width: 135px;
    z-index: 50;
    transform: rotate(0deg);
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text1 img,
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text2 img{
    width: 100%;
}
#lp-e-wrap .section#section-pre-registration_cp2 div.content .pre-registration_cp2_text2 {
    position: absolute;
    top: 196px;
    right: -269px;
    width: 369px;
    z-index: 500;
}



/*----------------------section7-----------------------*/

footer p.copyright.forimg {
    width: 320px;
}

#lp-e-wrap .section#section7 div.content .sec7-date span
{
    display: block;
    text-indent: -9999px;
    line-height: 0;
    margin:6px 0;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img
{
    display: block;
    margin:0 auto;
}
#lp-e-wrap .section#section7 div.content .sec7-date a.sec7-notice {
    width: 204px;
    margin-top:0;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.date
{
    width: 30%;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.platform
{
    width: 131px;
}
#lp-e-wrap .section#section7 div.content .sec7-date span img.btn-pre-registration
{
    margin-top: 5px;
    margin-bottom: 17px;
    width: 194px;
}



}



/* 768px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (orientation: portrait) {
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-1{
    position: absolute;
    width: 90vh;
    top: 13%;
    left: -22%;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-2{
    position: absolute;
    width: 57vh;
    top: -9%;
    left: -29%;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-3{
    position: absolute;
    width: 51vh;
    top: 67%;
    left: 7%;
}

}


/* 1024px ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1024px) and (orientation: portrait) {

#lp-e-wrap .section#section1 div.content .sec1-logo {
    max-width: 427px;
    width: 97vh;
    height: 17%;
    margin: 42vh auto 0;
}
#lp-e-wrap .section#section1 div.content{
    background-image: url(../img/main_sp.jpg);
    background-size: cover;
    background-position: center top;
}

#lp-e-wrap .section#section1 div.content .content-adjust {
    width: 66vh;
}



/*lawson------------------------------------------------*/

#lp-e-wrap .section#section-lawson  div.content .content-adjust .content-adjust-vtcl,
#lp-e-wrap .section#section-karatetsu div.content .content-adjust .content-adjust-vtcl
{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 1000;
        min-width: 300px;
        height: 100vh;
        max-height: 100vh;
    }

#lp-e-wrap .section#section-lawson div.content{
    position: relative;
    background-image: url(../img/lawson_bg_gradation.jpg);
    background-repeat: no-repeat;
    background-size: 66vh;
    background-position: 50% 12%;
}
#lp-e-wrap .section#section-lawson div.content:before{
    content: "";
    position: absolute;
    background-image: url(../img/lawson_bg_deco.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
}

#lp-e-wrap .section#section-lawson div.content img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#lp-e-wrap .section#section-lawson div.content img.img-kanojo{
    top: 35%;
    left: 56%;
    width: 52vh;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_logo_lp{
    top: 51%;
    left: 50%;
    width: 26vh;
    z-index: 1500;
}
#lp-e-wrap .section#section-lawson div.content div.wrap-text1{
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 1000%;
    height: 3vh;
    padding: 2vh;
    text-align: center;
    background-color: #004098;
    box-sizing: border-box;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_text_1{
    width: 6%;
    left: 50%;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_text_2{
    top: 70%;
    left: 50%;
    width: 32vh;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_btn{
    top: 83%;
    left: 50%;
    width: 30vh;

}
#lp-e-wrap .section#section-lawson div.content{
    background-size: 56vh;
    background-position: 50% 17%;
}
#lp-e-wrap .section#section-lawson div.content img.img-kanojo {
    width: 44vh;
}
#lp-e-wrap .section#section-lawson div.content img.lawson_btn {
    width: 26vh;
}

/*karatetsu-------------------------------------*/

#lp-e-wrap .section#section-karatetsu div.content .bg-deco-1{
    position: absolute;
    width: 84vh;
    top: 25%;
    left: -30%;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-2{
    position: absolute;
    width: 50vh;
    top: -4%;
    left: -40%;
}
#lp-e-wrap .section#section-karatetsu div.content .bg-deco-3{
    position: absolute;
    width: 43vh;
    top: 70%;
    left: 14%;
}

#lp-e-wrap .section#section-karatetsu div.content .img-kanojo{
    display: none;
}
#lp-e-wrap .section#section-karatetsu div.content .img-kanojo_sp{
    display: block;
    width: 60vh;
    top: 32%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_logo{
    width: 33vh;
    top: 56%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_date{
    width: 41vh;
    top: 62%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_text_1{
    width: 37vh;
    top: 70%;
    left: 50%;
}
#lp-e-wrap .section#section-karatetsu div.content .karatetsu_btn{
    width: 30vh;
    top: 78%;
    left: 50%;
}






}