.episode{
    height: 100px;
}
div.episode-play i.list-podcast{
    position:absolute;
    width: 100%;
    text-align: center;
    top: calc(50% - 30px);
}
.episode-item{
    display: flex;
}
.episode-play{
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-self: center;
    padding-right: 2%;
}

.episode-infos {
    flex-grow: 3;
    height: 100%;
    flex-basis: 70%;
    /*overflow: hidden;*/
}

.episode-play-button {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 25px;
    cursor: pointer;
}


.podcast-img{
    float:left;
    width: 50%;
    height: 100%;
    padding-right: 2%;
    padding-bottom: 1%;
}

.podcast-info{
    height: 100%;
}

.podcast-info .podcast-info_show-more-trigger{
    cursor: pointer;
    display: none;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: .25em;
}

.podcast-info .podcast-info_show-more-state{
    display: none;
}
.podcast-info .podcast-info_show-less-trigger{
    cursor: pointer;
    display: none;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: .25em;
}


div.episode-play i:hover{
    transform: scale(1.1);
    transition-property: transform;
    cursor: pointer;
}


.podcast-info .podcast-info_show-more-trigger{
    display: inline-block;
}
.podcast-info_read-more-wrap{
    display:none;
}


.podcast-info .podcast-info_show-more-state:checked ~ .podcast-info_read-wrap > p {
    text-overflow: ellipsis;
}
.podcast-info .podcast-info_show-more-state:checked ~ .podcast-info_read-more-wrap{
    height: 100%;
    overflow: visible;
    display: block;
}
.podcast-info .podcast-info_show-more-state:checked ~ .podcast-info_show-more-trigger{
    display: none;
}
.podcast-info .podcast-info_show-more-state:checked ~ .podcast-info_show-less-trigger{
    display: inline-block;
}
.podcast-info_read-wrap {
    text-overflow: ellipsis;
}

.podcast-item .content-mobile{
    display: block;
    overflow: hidden;
}
.podcast-item .content-mobile .button_see_more{
    display: block;
    margin: 0px 10%;
}
.podcast-item .content-mobile .content-align{
    display: flex;
    align-items: center;
}
.podcast-item .content-mobile .lineclamp1{
    width: initial;
    margin-top:0px;
}

.podcast-item .content-mobile .container-ui360{
    display: contents;
}
.podcast-item .content-mobile .ui360{
    padding-right: 5px;
}

@media (min-width: 321px) and (max-width: 425px)
{
    .episode-play{
        flex-basis: 22%;
    }
}
@media (max-width: 425px) {
    .podcast .description{
        padding: 0px 4px;
    }
    .podcast-item .content-mobile .button_see_more{
        margin: 0px 10%;
    }
}

@media (min-width: 426px) {
    .podcast-item .content-mobile .button_see_more{
        margin: 0px 25%;
    }
}