.poster-sample {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.poster-sample img.horizontal {
    max-height: 300px;
}

.poster-sample img.portrait {
    max-width: 300px;
}

.poster-sample img.portrait-a2 {
    max-width: 250px;
}

.poster-sample.new::before {
    content: "new!";
    color: red;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: bolder;
    position: absolute;
    left: -60px;
    top: 30px;
}

.poster-table th {
    width: 200px;
}

@media screen and (max-width: 830px) {
    .poster-sample img.horizontal {
        max-width: 250px;
    }

    .poster-sample img.portrait {
        max-height: 250px;
    }
    .poster-sample.new::before {
        content: "new!";
        color: red;
        font-size: 1.5rem;
        font-style: italic;
        font-weight: bolder;
        position: absolute;
        left: -10px;
        top: 30px;
    }

    .poster-table th {
        width: 120px;
    }
}

@media screen and (max-width: 520px) {
    .poster-sample img.horizontal {
        max-width: 300px;
    }

    .poster-sample img.portrait {
        max-height: 300px;
    }

    .poster-sample.new::before {
        content: "new!";
        color: red;
        font-size: 1.5rem;
        font-style: italic;
        font-weight: bolder;
        position: absolute;
        left: -20px;
        top: 30px;
    }

    .poster-table th {
        width: 100px;
    }
}

.poster-sample .title {
    font-weight: bold;
    font-size: 1.5rem;
}

.poster-sample .title-s {
    font-weight: bold;
    font-size: 1rem;
}

.guidance {
	border: 1px solid #EB6DA0;
}

.is-error {
    background-color: rgb(255, 192, 203);
}