ul{
        padding: 0;
    }
    #copyright{text-align: center;}
    .bto{
        width:100%; max-width:870px; margin:auto;
    }   
@media screen and (min-width:768px){
.pc-only{
display: block;
}
.sp-only{
display: none;
}
}
@media screen and (max-width:767px){
.pc-only{
display: none;
}
.sp-only{
display: block;
}
}  
#main{
font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
width: 100%;
    max-width: 870px;
    margin: auto;
}
    #main .kinouicon.sample a{
        text-decoration: none;
    }
    
    #main .cfloor-sample{
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }
    #main .cfloor-sample li{
        width: calc(25% - 9px);
        margin: 0 12px 20px 0;
    }
    #main .cfloor-sample li:nth-child(4n){
        margin: 0 0 20px 0;
    }
    #main .cfloor-sample li div{
        border:1px solid #333;
        box-sizing: border-box;
    }
    #main .cfloor-sample li div.cfloor-sample-pimg{
        
    }
    #main .cfloor-sample li div.cfloor-sample-pimg.rp{
        height: 14em;
    }
    #main .cfloor-sample li div.cfloor-sample-pimg.cons{
        height: 15em;
        text-align: center;
    }
    #main .cfloor-sample li div.cfloor-sample-pimg.cons span{
        font-size: 7em;
    display: block;
    text-align: center;
    margin: auto;
    }
    #main .cfloor-sample li div.cfloor-sample-pimg p{
        text-align: center;
    font-weight: bold;
    }
    #main .cfloor-sample li div.cfloor-sample-pimg a{
        
    }
    #main .cfloor-sample li div.cfloor-sample-pimg a img.smn{
        display: block;
    margin: auto;
    padding: 15px;
        max-width: 164px;
        width: 100%;
        max-height: 164px;
        height: auto;
        box-sizing: border-box;
    }
    #main .cfloor-sample li div.cfloor-sample-status{
        padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    #main .cfloor-sample li div.cfloor-sample-status.bikou{
        height: 5em;
    }
    #main .cfloor-sample li div.cfloor-sample-status span{
        
    }
@media screen and (max-width: 768px) {
    #main .cfloor-sample{
        justify-content: space-between;
    }
 #main .cfloor-sample li{
        width: calc(50% - 10px);
        margin: 0 0 20px 0;
    }
    #main .cfloor-sample li div.cfloor-sample-status{
        height: 4em;
    }
    #main .cfloor-sample li div.cfloor-sample-status.bikou {
    height: 7em;
}
}
    #main .lb {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}
#main .lb img {
    width: 100% !important;
    max-width: 500px!important;
    max-height: 100%!important;
    transform: scale(1);
    transition: .4s transform ease;
    pointer-events: none;
}

#main .lb.ex02 img {
    transform: scale(1);
    max-width: 870px!important;
}
#main .lb:target {
    opacity: 1;
    z-index: 103;
}
.lb:target img {
    transform: scale(1);
}

#main .lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    top: 24px;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
#main .lb::before {
    transform: rotate(-315deg);
}
#main .lb::after {
    transform: rotate(315deg);
}
#main a.lb:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1!important;
}