@charset "shift_jis";
/* CSS Document */



.price_box .price_inbox {
    /* display: block; */
    width: 90%;
    }

.price_box .price01 {
box-sizing: border-box;
width: 100%;
max-width: 543px;
margin:0 10px 15px;
}

.price_box .price_txt {
max-width: 543px;
margin: 0 auto;
}

.price_box .btn_buy {
width: 180px;
margin: 0 auto;
}



.pc_none {
margin-top: 20px;
display: block;
}
.ct_box {

background: url(../images/bg.jpg) no-repeat center center;
background-attachment: fixed;
background-size: cover;
}

.ct_box .mainimg_box {
background: none;
margin-bottom: 0px;
}


.ct_box .sec01 .sec01_1 {

    top: 53vw;
    right: 9.6vw;
}

.ct_box .sec01 .sec01_2 {
bottom: 8.7vw;
    left: 9.5vw;
}

.ct_box .sec03 .sec03_gif {
width: 100%;
}

.ct_box .sec04 .sec04_gif {
    width: 100%;
    }



.promo_movie_box {
border:  solid 2px #000 ;
margin: 20px auto;
width: 98%;
}




#contents .ttl_howto {
position:relative;
margin: 9vw 0 15vw;
}

#contents .ttl_howto .ttl01_2203 {
width: 70%;
}



#contents .frienda_box .frienda_inbox {
border-top: solid 4px #000;
border-bottom: solid 4px #000;
background: #fff url(../images/frienda_bg_sp.png) center center;
background-size: cover;
}

#contents .frienda_box a .frienda_logo {
width: 70%;
max-width: 273px;
margin: 0 auto 10px;
}
#contents .frienda_box a .frienda_txt {
width: 100%;
max-width: 480px;
}

#contents .modal_inner{
width: 90%;
}