@charset "utf-8";
#fujibakama,#hagi,#kuzu,#kikyou,#ominaeshi,#susuki,#nadeshiko{
    position:absolute;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#fujibakama_img,#hagi_img,#kikyou_img,#kuzu_img,#ominaeshi_img,#susuki_img,#nadeshiko_img{
    width:100%;
}
#fujibakama_char,#hagi_char,#kikyou_char,#kuzu_char,#ominaeshi_char,#susuki_char,#nadeshiko_char{
    display:none;
    position:absolute;
    background-color:brown;
    color:white;
    text-align:center;
    font-size:10pt;
    line-height:12pt;
    box-sizing:border-box;
    padding:5px;
    border-radius:5px;
    opacity: 0.8;
}
.char_small{
    font-size:7pt;
    
}
#fujibakama{
    width:60px;
    top:0px;
    left:0px;
}
#hagi{
    width:60px;
    top:-10px;
    left:280px;
}
#kikyou{
    width:60px;
    top:110px;
    left:0px;
}
#kuzu{
    width:60px;
    top:100px;
    left:50px;
    z-index:0;
}
#ominaeshi{
    width:120px;
    top:80px;
    left:150px;
}
#susuki{
    width:50px;
    top:70px;
    left:120px;
    z-index:5;
}
#nadeshiko{
    width:60px;
    top:50px;
    left:270px;
}
@media screen and (min-width:600px){
    #fujibakama{
        width:80px;
        top:124px;
        left:0px;
    }
    #hagi{
        width:100px;
        top:-20px;
        left:320px;
    }
    #kikyou{
        width:60px;
        top:200px;
        left:50px;
    }
    #kuzu{
        width:80px;
        top:170px;
        left:100px;
        z-index:10;
    }
    #ominaeshi{
        width:200px;
        top:176px;
        left:150px;
    }
    #susuki{
        width:80px;
        top:80px;
        left:125px;
        z-index:5;
    }
    #nadeshiko{
        width:80px;
        top:149px;
        left:290px;
    }
}
@media screen and (min-width:1024px){
    #fujibakama{
        width:80px;
        top:5px;
        left:390px;
    }
    #hagi{
        width:80px;
        top:-20px;
        left:310px;
    }
    #kikyou{
        width:50px;
        top:95px;
        left:0px;
    }
    #kuzu{
        width:70px;
        top:70px;
        left:100px;
    }
    #ominaeshi{
        width:150px;
        top:90px;
        left:150px;
    }
    #susuki{
        width:65px;
        top:60px;
        left:345px;
    }
    #nadeshiko{
        width:60px;
        top:70px;
        left:300px;
    }
    
}