#list-b{--color-item-bg: #f9f9f9;--color-item: var(--color-dark);--color-item-button-bg: var(--color-main);--color-item-button: var(--color-light);--color-item-time-icon: #ccc;--size-item-time-left: 15.41rem}#list-b .list-box{--size-item-img: 370px}#list-b .list-box__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:4px;-webkit-transition-duration:.2s;transition-duration:.2s;background-color:var(--color-item-bg)}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item{--size-item-img: 34vw}}#list-b .list-box__item:not(:first-child){margin-top:2.91rem}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item:not(:first-child){margin-top:4vw}}#list-b .list-box__item:hover{--color-item: var(--color-light);--color-item-bg: var(--color-main);--color-item-button: var(--color-dark);--color-item-button-bg: var(--color-light);--color-item-time-icon: var(--color-light);--size-item-time-left: 17.91rem}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item:hover{--size-item-time-left: 15.41rem}}#list-b .list-box__item:hover .list-box__item__info__time{font-size:1.5rem}#list-b .list-box__item:hover .list-box__item__info__time .css-icon{--css-icon-filter: contrast(1)}#list-b .list-box__item>img{display:block;width:var(--size-item-img);height:22.91rem;min-height:255px;-o-object-fit:cover;object-fit:cover}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item>img{min-height:auto;max-height:30vw}}#list-b .list-box__item__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - var(--size-item-img));padding:3.75rem 2rem 3.33rem;letter-spacing:1px;-webkit-transition-duration:.2s;transition-duration:.2s;color:var(--color-item)}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item__info{padding:0 2vw;letter-spacing:0}}#list-b .list-box__item__info__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;padding:0 1.66rem}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item__info__title{font-size:14px;width:100%;padding:0 2vw}}#list-b .list-box__item__info__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.33rem;line-height:1.8;text-indent:2em;padding:0 1.66rem;text-align:justify;margin-top:1rem;margin-bottom:auto}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item__info__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.4;padding:0 2vw}}#list-b .list-box__item__info__time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;font-size:1.25rem;position:relative;z-index:2;white-space:nowrap;margin-top:1rem}#list-b .list-box__item__info__time::after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto 0;width:100%;height:1px;z-index:-1;-webkit-transition-duration:.2s;transition-duration:.2s;background-color:var(--color-item-time-icon)}#list-b .list-box__item__info__time__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:1.66rem;padding:0 8px;-webkit-transition:background .2s,font .2s;transition:background .2s,font .2s;background-color:var(--color-item-bg)}#list-b .list-box__item__info__time__left img{--css-icon-filter: contrast(.5);display:block;margin-right:4px}@media(min-width: 320px)and (max-width: 750px){#list-b .list-box__item__info__time__left{margin-left:.88rem}#list-b .list-box__item__info__time__left img{width:16px}}#list-b .list-box__item__info__time__right{width:16.66rem;height:4.16rem;line-height:4.16rem;text-align:center;color:var(--color-item-button);background-color:var(--color-item-button-bg);border-radius:100px;margin-left:auto;margin-right:1.66rem;-webkit-transition-duration:.2s;transition-duration:.2s}