.cmp-articletvlist .cmp-articletvlist__list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__card{border-radius:4px;border:1px solid #e6e6e6}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__card-hidden{display:none}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__link{display:block flex;text-decoration:none;padding:20px;height:100%}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__image-wrapper{aspect-ratio:1.77}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#000;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__title{font-size:18px;font-weight:normal;margin:0 0 10px 0;line-height:24px}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__title{font-size:16px;line-height:22px;margin:0 0 20px 0}
}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__meta{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:1;margin:0 0 10px 0}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__meta{font-size:10px}
}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__mainTag{color:#b70081}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__mainTag-border{margin-right:9px;padding-right:9px;border-right:1px solid #4c4c4c}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__writer{display:-webkit-box;display:-ms-flexbox;display:flex;color:#666;line-height:1;margin:0 0 10px 0;font-size:10px}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__writer{font-size:8px}
}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__writer-hidden{display:none}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__writer-title{margin-bottom:0;padding-right:6px}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__writer-name{margin-bottom:0}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__tag-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;width:100%}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__tag-list-hidden{display:none}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__subTag{border-radius:14px;background-color:#fff;color:#000;padding:5px 6px;font-size:10px;border:2px solid #efefef}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__new-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:44px;color:#fff;white-space:nowrap;text-transform:uppercase;font-size:10px;line-height:1;margin:0 0 10px 0}
.cmp-articletvlist .cmp-articletvlist__list .cmp-articletvlist__new-tag-text{border-radius:16px;background-color:#b70081;padding:3px 10px}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article{gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__card{width:calc((100% - 40px) / 3)}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__card{width:100%}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__card.cmp-articletvlist__card-column4{width:calc((100% - 60px) / 4)}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__card.cmp-articletvlist__card-column4{width:100%}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__image-wrapper{position:relative;width:100%}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__image-wrapper{width:100px;min-width:100px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__image{position:absolute;inset:0}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__details{width:100%}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-badge{position:absolute;top:0;left:0;width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:700;clip-path:polygon(0 0,100% 0,0 100%)}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-badge{width:30px;height:30px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-badge.cmp-articletvlist__rank-badge1{background-color:#bfa21a}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-badge.cmp-articletvlist__rank-badge2{background-color:#acaaaf}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-badge.cmp-articletvlist__rank-badge3{background-color:#dc981d}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-number-top{position:relative;z-index:1;-webkit-transform:translate(-15px,-14px);transform:translate(-15px,-14px);font-size:18px;line-height:1}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-number-top{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px);font-size:10px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-number-sub{position:absolute;top:5px;left:5px;background-color:#777;border-radius:50%;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__article .cmp-articletvlist__rank-number-sub{top:3px;left:3px;width:18px;height:18px;font-size:10px;line-height:1}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend{gap:15px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__card{position:relative}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__card:after{position:absolute;top:50%;right:30px;width:11px;height:11px;margin-top:-5px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #b60081;border-right:1px solid #b60081;-webkit-filter:drop-shadow(0 0 1px #d874bd);filter:drop-shadow(0 0 1px #d874bd)}
@media screen and (max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__card{width:100%}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__card:after{display:none}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__link{-ms-flex-item-align:stretch;align-self:stretch;min-width:240px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:0;flex-basis:0;margin:auto 0;padding-right:74px}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__link{padding-right:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__image-wrapper{max-width:350px}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__image-wrapper{position:relative;width:100px;min-width:100px}
}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__image{position:absolute;inset:0}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__details{-ms-flex-item-align:stretch;align-self:stretch;min-width:240px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:562px;margin:auto 0}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__details{width:100%;min-width:auto}
}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__header{margin-top:15px;margin-bottom:27px;text-align:center;font-weight:normal;letter-spacing:.7px;line-height:1.2;color:#a20073;font-size:30px}
.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__header:before{content:"";display:block;position:relative;top:-15px;margin:0 auto;width:192px;height:1px;text-align:center;background:#e8e8e8}
@media(max-width:767px){.cmp-articletvlist .cmp-articletvlist__list.cmp-articletvlist__recommend .cmp-articletvlist__header{margin-bottom:12px;font-size:23px}
}
.cmp-articletvlist__button{display:block;margin:40px auto 0;padding:14px 0 13px;width:400px;text-align:center;border:1px solid #d3d3d3;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;text-decoration:none;font-size:1rem}
.cmp-articletvlist__button:hover{cursor:pointer;opacity:.7}
@media screen and (max-width:767px){.cmp-articletvlist__button{width:100%}
}