@charset "utf-8";

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

.to_item{
            margin:20px 0px;
            font-size:16px;
            color:#f00;
            display:block;
            cursor: pointer
        }
        
        .to_item:hover{
            opacity: 0.5;
        }
        .model_item{
            position: absolute;
            bottom:30px;
            left:0px;
            width:290px;
            padding:20px;
            z-index:100;
            background:#fff;
            box-shadow:0px 0px 12px -4px #666;
            display:none;
        }
        .model_item img{
            margin:20px 0px;
        }

        .model_item h2{
            font-family:"Koburina Gothic W6 JIS2004";
            font-size:16px;
        }
        .model_item p{
            font-size:14px;
            line-height: 1.8em;
            letter-spacing: 1px;
            font-family:"Koburina Gothic W3 JIS2004";
            
        }
        
        .list_close{
            font-size:16px;
            padding-bottom:5px;
            text-align: right;
            line-height: 0em;
            cursor: pointer;
        }


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

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

body::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../img/basic/main_bk_mbasic_sp.jpg) no-repeat center top;
    background-size: cover;
}
    .model_item p{
    text-align: left;
    }
        .model_item{
            position: absolute;
            bottom:20px;
            left:0px;
            right:0px;
            margin:0px auto;
            width:90%;
            margin:0px auto;
            text-align:center;
            z-index:100;
            background:#fff;
            box-shadow:0px 0px 12px -4px #666;
            display:none;
        }
    
}

@media (max-width: 500px){
    


}