@charset "utf-8";

.mark-box {
    display: flex;
    position: relative;
}

.new-mark {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    cursor: pointer;
    
    position: absolute;
    top: 5px;
    right: -5px;
    width: 30%;
}

.limited-mark {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    cursor: pointer;
    
    position: absolute;
    /*top: 1.43em;*/
    top: 3.0vh;
    right: -5px;
    width: 30%;
}

.date-mark {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    cursor: pointer;    
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 1.5vw;
    color: #ffffff;
    background: rgba(0, 5, 58, 0.5);
    padding:0px 3px 0px 3px;
    margin: 0;
    font-style: italic;
}