@charset "utf-8";

body::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/cardigan/main_bk.jpg) no-repeat center top;
    background-size: cover;
}

.mxp-title{
    font-size:18px;
    font-family:"Koburina Gothic W6 JIS2004";
    margin-top:20px;
}

.bk_scroll1{
    background-image:url(../img/cardigan/bk01.jpg);
    background-size:100%;
}
.bk_scroll2{
    background-image:url(../img/cardigan/bk02.jpg);
    background-size:100%;
}
.bk_scroll3{
    background-image:url(../img/cardigan/bk03.jpg);
    background-size:100%;
}
.bk_scroll4{
    background-image:url(../img/cardigan/bk04.jpg);
    background-size:100%;
}
.bk_scroll5{
    background-image:url(../img/cardigan/bk05.jpg);
    background-size:100%;
}

ul.single_btn{
    width:140px;
    margin:30px auto;  
}

ul.single_btn li{
    width:100%!important;
}

.single_img{
    position: relative;
    width:330px;
    margin:0px auto;
}

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

body::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/cardigan/main_bk_sp.jpg) no-repeat center top;
    background-size: cover;
}
.single_img{
    position: relative;
    width:100%;
    margin:0px auto;
}
    
ul.single_btn{
    width:140px;
    margin:20px auto;  
}

ul.single_btn li{
    width:100%!important;
}
    
}

@media (max-width: 500px){
    


}