body {
    background:snow;
}

.content {
    margin: 5% 5%;
}

.cutting_line {
    position: fixed;
    display: none;
    border-top: 1px red dashed;
    cursor: pointer;
    left: 0%;
    z-index: 2
}

.wrap_box{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    position:relative;
}

#cutting_line2{
    position: absolute;
    border-top: 1px red dashed;
    width : 750px;
    cursor: pointer;
    left: 0%;
    z-index: 10
}

.stickey{
    position:fixed;
    right: 10px;
    background: #ffffff55;
    width:50%;
    overflow: scroll;
    display:none;
}

.w150 {
    width: 150px;
}

.border_line {
    position: absolute;
    border-top: 1px blue solid;
    z-index: 3;
}

.border_line_0 {
    position: absolute;
    z-index: 3;
    top: 30px;
}

div#ID001 {
    position: absolute;
    top: 1px;
    margin-top: 30px;
    max-width: 450px;
    border: 10px gray solid;
    box-sizing: content-box;
}

div#ID002 {
    width : 750px;
    height : 300px;
    border: 1px gray solid;
    box-sizing: content-box;
}

div#ID002 img{
    object-fit: none;
    object-position: 0px 0px;
    width : 750px;
    height : 300px;
}

div#ID001 img {
    width: 100%;
    height: 100%;
}

.num {
    width: 100px;
}

.border_name {
    /* display:none; */
    padding: 3px;
    border-radius: 3px;
    background: #ffffffd0;
    color: blue;
}

/* .cutting_line:hover{
display:block;
} */