/* -------------------共通部分------------------- */
body{
    margin: 0;
    padding: 0;
}

#wrapper{
    display:block;
    width: 99vw;
    max-width: 2000px;
    margin: 0 auto; 
    padding: 0;
    box-sizing: border-box;
    font-size: 62.5%;
    line-height: 1.5;
    color: #000000;
    background-color: #ffffff;
    /* overflow-y:scroll; */
    font-family:'A-OTF 新ゴ Pro','Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','Yu Gothic','メイリオ', 'Meiryo','ＭＳ Ｐゴシック','MS PGothic';
    }
    
    image{
    max-width: 100%;
    }
    a:hover{
        transform: scale(1.1);
    }
    a{
      text-decoration: none;
    }
    
    a:link, a:visited, a:hover, a:active {
        color: #ffffff;
    }
    .flex{
        display: flex;
    }

    .space-between{
        justify-content: space-between;
    }
    .space-around{
        justify-content: space-around;
    }
   .row-reverse{
    flex-direction: row-reverse;
   }

   .parent {
    /*親要素はrelativeに*/
    position: relative;
   }
    
    .img{
        width: 100%;
    }

    /* main */
    .main{
        margin: 0 auto;
    }
    .img_l{
        width: 99vw;
        margin: 0 auto;
    }

    #ipad{
        display: none;
    }
    #sp{
        display: none;
    }
    .buy_btn_l{
        width: 15%;
        position: fixed; 
    }
    #buy_btn01{
        top:90.85%;
        left: 83.35%;
    }
    .buy_btn{
        width: 100%;
    }
    .spec_btn_l{
        width: 19%;
        position: absolute;
    }
    #spec_btn01{
        top:13.3%;
        left: 28.6%;
    }
    #spec_btn02{
        top:13.3%;
        left: 52.65%;
    }
    #spec_btn03{
        top:20.1%;
        left: 28.6%;
    }
    #spec_btn04{
        top:20.1%;
        left: 52.65%;
    }
    #spec_btn05{
        top:28.1%;
        left: 28.5%;
    }
    #spec_btn06{
        top:28.1%;
        left: 52.65%;
    }
    #spec_btn07{
        top:32.9%;
        left: 40.7%;
    }
    #spec_btn08{
        top:13.7%;
        left: 28.6%;
    }
    #spec_btn09{
        top:13.7%;
        left: 52.65%;
    }
    #spec_btn10{
        top:20.5%;
        left: 28.6%;
    }
    #spec_btn11{
        top:20.5%;
        left: 52.65%;
    }
    #spec_btn12{
        top:39.8%;
        left: 28.6%;
    }
    #spec_btn13{
        top:39.8%;
        left: 52.65%;
    }
    #spec_btn14{
        top:43.6%;
        left: 40.7%;
    }
    .spec_btn,.manual_btn{
        width: 100%;
    }
    #manual_btn05{
        top:28.5%;
        left: 28.5%;
    }
    #manual_btn06{
        top:28.5%;
        left: 52.65%;
    }
    #manual_btn07{
        top:33.3%;
        left: 40.7%;
    }
    #full_manual_btn05{
        top:28.9%;
        left: 28.5%;
    }
    #full_manual_btn06{
        top:28.9%;
        left: 52.65%;
    }
    #full_manual_btn07{
        top:33.7%;
        left: 40.7%;
    }
    .dw_btn_l{
        width: 18%;
        position: absolute;
    }
    .dw_btn{
        width: 100%;
    }
    #dw_btn01{
        top:48.0%;
        left: 29.1%;
    }
    #dw_btn02{
        top:48.0%;
        left: 52.6%;
    }
    #dw_btn03{
        top: 48.5%;
        left: 52.6%;
    }
    #dw_btn04{
        top: 49.5%;
        left: 29.1%;
    }
    .ios_btn_l{
        width: 9.5%;
        position: absolute;
    }
    .ios_btn{
        width: 100%;
    }
    #ios_btn01{
        top:51.6%;
        left: 43%;
    }
    .android_btn_l{
        width: 11%;
        position: absolute;
    }
    .android_btn{
        width: 100%;
    }
    #android_btn01{
        top:51.6%;
        left: 60.1%;
    }
    .sp_manual_btn_l{
        width: 23%;
        position: absolute;
    }
    .sp_manual_btn{
        width: 100%;
    }
    #sp_manual_btn01{
        top: 52.2%;
        left: 43.1%;
    }
    .mail_btn_l{
        width: 42%;
        position: absolute;
    }
    .mail_btn{
        width: 100%;
    }
    #mail_btn01{
        top:99.2%;
        left: 29%;
    }
    @media(max-width:1100px){
        #PC{
            display: none;
        }
        #ipad{
            display: block;
        }
        .buy_btn_l{
            width: 15%;
            position: fixed; 
        }
        .spec_btn_l {
            width: 19%;
            position: absolute;
        }
        #buy_btn01{
            top:35%;
            left: 83.35%;
        }
        .buy_btn{
            width: 100%;
        }
        #spec_btn01 {
            top: 17.1%;
            left: 28.3%;
        }
        #spec_btn08 {
            top: 17.6%;
            left: 28.3%;
        }
        #spec_btn02 {
            top: 17.1%;
            left: 52.6%;
        }
        #spec_btn09 {
            top: 17.6%;
            left: 52.6%;
        }
        #spec_btn03 {
            top: 25.8%;
            left: 28.3%;
        }
        #spec_btn10 {
            top: 26.3%;
            left: 28.3%;
        }
        #spec_btn04 {
            top: 25.8%;
            left: 52.6%;
        }
        #spec_btn11 {
            top: 26.3%;
            left: 52.6%;
        }
        #spec_btn05 {
            top: 36.1%;
            left: 28.3%;
        }
        #manual_btn05 {
            top: 36.6%;
            left: 28.3%;
        }
        #full_manual_btn05 {
            top: 37.1%;
            left: 28.3%;
        }
        #spec_btn06 {
            top: 36.1%;
            left: 52.6%;
        }
        #manual_btn06 {
            top: 36.6%;
            left: 52.6%;
        }
        #full_manual_btn06 {
            top: 37.1%;
            left: 52.6%;
        }
        #spec_btn07 {
            top: 42.3%;
            left: 40.7%;
        }
        #manual_btn07 {
            top: 42.8%;
            left: 40.7%;
        }
        #full_manual_btn07 {
            top: 43.3%;
            left: 40.7%;
        }
        #spec_btn12 {
            top: 51.2%;
            left: 28.3%;
        }
        #spec_btn13 {
            top: 51.2%;
            left: 52.6%;
        }
        #spec_btn14 {
            top: 56.0%;
            left: 40.7%;
        }
        #dw_btn01 {
            top: 61.8%;
            left: 28.7%;
        }
        #dw_btn02 {
            top: 61.8%;
            left: 53.7%;
        }
        #dw_btn03 {
            top: 62.5%;
            left: 53.7%;
        }
        #dw_btn04 {
            top: 63.7%;
            left: 28.7%;
        }
        #ios_btn01 {
            top: 66.3%;
            left: 42%;
        }
        #android_btn01 {
            top: 66.3%;
            left: 59.3%;
        }
        #sp_manual_btn01{
            top: 67.1%;
            left: 42.1%;
        }
    }
    @media(max-width:431px){
        #ipad{
            display: none;
        }
        #sp{
            display: block;
        }
        .buy_btn_l{
            width: 30%;
            position: fixed; 
        }
        #buy_btn01{
            top:1.5%;
            left: 68%;
        }
        .buy_btn{
            width: 100%;
        }
        .spec_btn_l{
            width: 33%;
            position: absolute;
        }
        #spec_btn01{
            top:11.8%;
            left: 13.5%;
        }
        #spec_btn02{
            top:11.8%;
            left: 53.8%;
        }
        #spec_btn03{
            top:16.7%;
            left: 13.5%;
        }
        #spec_btn04{
            top:16.7%;
            left: 53.8%;
        }
        #spec_btn05{
            top:22.5%;
            left: 13.5%;
        }
        #spec_btn06{
            top:22.5%;
            left: 53.8%;
        }
        #spec_btn07{
            top:25.9%;
            left: 33%;
        }
        #spec_btn08{
            top:12.1%;
            left: 13.5%;
        }
        #spec_btn09{
            top:12.1%;
            left: 53.8%;
        }
        #spec_btn10{
            top:17%;
            left: 13.5%;
        }
        #spec_btn11{
            top:17%;
            left: 53.8%;
        }
        #spec_btn12{
            top:30.9%;
            left: 13.5%;
        }
        #spec_btn13{
            top:30.9%;
            left: 53.8%;
        }
        #spec_btn14{
            top:34.4%;
            left: 33%;
        }
        #manual_btn05{
            top:22.8%;
            left: 13.5%;
        }
        #manual_btn06{
            top:22.8%;
            left: 53.8%;
        }
        #manual_btn07{
            top:26.2%;
            left: 33%;
        }
        #full_manual_btn05{
            top:23.1%;
            left: 13.5%;
        }
        #full_manual_btn06{
            top:23.1%;
            left: 53.8%;
        }
        #full_manual_btn07{
            top:26.5%;
            left: 33%;
        }
        .spec_btn,.manual_btn{
            width: 100%;
        }
    
        .dw_btn_l{
            width: 29%;
            position: absolute;
        }
        .dw_btn{
            width: 100%;
        }
        #dw_btn01{
            top:38.4%;
            left: 16.3%;
        }
        #dw_btn02{
            top:38.4%;
            left: 56.3%;
        }
        #dw_btn03{
            top:38.8%;
            left: 56.3%;
        }
        #dw_btn04{
            top:39.6%;
            left: 16.3%;
        }
        .ios_btn_l{
            width: 16%;
            position: absolute;
        }
        .ios_btn{
            width: 100%;
        }
        #ios_btn01{
            top:41.2%;
            left: 38%;
        }
        .android_btn_l{
            width: 18%;
            position: absolute;
        }
        .android_btn{
            width: 100%;
        }
        #android_btn01{
            top:41.2%;
            left: 66%;
        }
        .sp_manual_btn_l{
            width: 38%;
            position: absolute;
        }
        #sp_manual_btn01{
            top: 41.6%;
            left: 38.2%;
        }
        .mail_btn_l{
            width: 85%;
            position: absolute;
        }
        .mail_btn{
            width: 100%;
        }
        #mail_btn01{
            top:99.4%;
            left: 7%;
        }
    }