/* 共通のタイトル切り詰めスタイル */
.live-vtitle,
.sld_title {
    line-height: 1.4;
    max-height: calc(1.4em * 2);
    overflow: hidden;
    position: relative;
    text-overflow: clip !important;
}

/* 展開用の親要素は relative に設定し、高さを確保する */
.vtitle-wrapper {
    position: relative !important;
    min-height: calc(1.4em * 2);
}

.result-vtitle,
.sld_title_box {
    position: relative !important;
}

/* リンクとしての "... more" テキスト */
.more-link {
    color: #888;
    cursor: pointer;
    font-weight: 700;
    margin-left: 4px;
    text-decoration: none;
    display: inline;
}

.more-link:hover {
    text-decoration: underline;
    color: #333;
}

/* 展開時に表示する続きのテキスト用 */
.full-text-suffix {
    display: none;
}

/* 展開時の状態制御 */
.is-expanded .more-link {
    display: none !important;
}

.is-expanded .full-text-suffix {
    display: inline !important;
}

/* 展開時のスタイル（絶対配置で前面に出す） */
.is-expanded {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #ffffff;
    width: 100%;
    padding-bottom: 5px;
    cursor: pointer;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
}

.has-more {
    cursor: pointer;
}

/* スライダー: 展開時の背景をスライダー本体と同じ灰色に設定 */
.sld_title.is-expanded {
    background: #f2f2f2 !important;
    padding-bottom: 0 !important;
}