.user-story-mobile__border {
    border-top: 1px solid var(--people-border-gray);
}

.user-story-mobile__wrapper {
    padding-top: 10px;
}

.user-story-mobile__list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.user-story-mobile__list-item {
    display: flex;
    width: 100%;
}

.user-story-mobile__thumb-container {
    width: 150px;
    margin-top: 10px;
}

.user-story-mobile__thumb-image {
    width: 150px;
    height: 75px;
    object-fit: cover;
    cursor: pointer;
}

.user-story-mobile__detail-container {
    flex: 1;
    margin-left: 3px;
    position: relative;
}

.user-story-mobile__title {
    margin-top: 8px;
    cursor: pointer;
    text-align: left;
    margin-left: 8px;
    font: normal normal bold 13px Noto Sans JP;
    letter-spacing: 0px;
    color: var(--people-text-color);
    opacity: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}

.user-story-mobile__flex-display {
    display: flex;
}

.user-story-mobile__name-area {
    width: 95px;
    margin-top: 10px;
}

.user-story-mobile__date {
    line-height: 1;
    font: normal normal normal 11px Noto Sans JP;
    letter-spacing: 0px;
    color: var(--people-text-gray-light);
    opacity: 1;
    padding-left: 8px;
}

.user-story-mobile__clip-icon-wrapper {
    width: 16px !important;
    margin-bottom: 3px;
    height: 15px;
}

.user-story-mobile__clip-container {
    position: absolute;
    bottom: 0px;
    right: 0;
}