.p-topiRelation{position:relative}.p-topiRelation.is-wrap{overflow:hidden;border-radius:10px;border:2px solid #eaeaea}.p-topiRelation.is-wrap.is-pickups{border-color:#ff8ba6;min-height:209px}@media screen and (min-width:768px)and (max-width:979px){.p-topiRelation.is-wrap.is-pickups{min-height:270px}}@media screen and (max-width:767px){.p-topiRelation.is-wrap.is-pickups{min-height:288px}}.p-topiRelation.is-wrap.is-article{border:2px solid #d5d5d8;min-height:210px}@media screen and (min-width:768px)and (max-width:979px){.p-topiRelation.is-wrap.is-article{min-height:270px}}@media screen and (max-width:767px){.p-topiRelation.is-wrap.is-article{min-height:282px}}.p-topiRelation.is-ranking{min-height:200px}@media screen and (min-width:768px)and (max-width:979px){.p-topiRelation.is-ranking{min-height:260px}}@media screen and (max-width:767px){.p-topiRelation.is-ranking{min-height:276px}}.p-topiRelation__title{position:relative;font-size:14px;padding:8px 10px 8px 30px;text-decoration:none;color:#222}.p-topiRelation.is-pickups .p-topiRelation__title{font-size:16px;font-weight:600;background-color:#fff0fa;padding-left:16px}@media screen and (max-width:767px){.p-topiRelation.is-pickups .p-topiRelation__title{font-size:18px;text-align:center}}.p-topiRelation.is-article .p-topiRelation__title{font-size:16px;font-weight:600;background-color:#fff;padding-left:30px}@media screen and (max-width:767px){.p-topiRelation.is-article .p-topiRelation__title{padding:8px 10px 8px 26px;font-size:14px;font-weight:unset}}.topicsId__article .p-topiRelation__title{background-color:#efeff4}.p-topiRelation__title:before{display:inline-block;position:absolute;left:9px;top:50%;transform:translateY(-8px);content:"";width:14px;height:14px;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkgNUwxNSAxLjFjLS4yLS4yLS41LS4yLS42IDBsLTIuNSAyLjVjLS4yLjItLjIuNSAwIC42bDMuOSAzLjljLjIuMi41LjIuNiAwbDIuNS0yLjVjLjEtLjEuMS0uNCAwLS42ek0xIDE0LjV2My42YzAgLjUuNC45LjkuOWgzLjZsOS43LTkuNy00LjUtNC41eiIgZmlsbD0iI2NiY2JjZSIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:0 0;background-size:cover}.p-topiRelation.is-ranking .p-topiRelation__title:before{left:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAsCAMAAAAHH4uhAAAATlBMVEUAAADMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNHMzNGnfKisAAAAGnRSTlMAEJ/v0P/PMHCvoPBvgCDg30C/UH/Aj5BgsI6LpREAAAGESURBVHgBvdPRjqMgGMXxQ/GIFWGKjm37/i+60ro9MajRvdjfzSRktMDfD5vMxdqLwXkVJzVOc3xz/+dBbbXCtqa2V4eSab1vDUruausOCJzYiMOi5aTBD7OAwwKz278++PP56yNWpIQVzs+/FDyr9f+w1mFFqugDtpmarA3O6znpcdqFbxfsSsWWGs6a4ggJEmyHhYFfAxY620AS2UeIs/yyDuJ6MkEiJ7/ajWXWtsyszvHLSYSA2S0pxGQERpKKkm7Myhki70YXWhnAVLpacyfLSRv5YQfgwcw7fV98AIPlx7jy5WbXbjH6iW9dz7/CWjZ5YvakrIRNXHrg68EF1VAPvjh7QaBVLmuox+Cq74WKmRfdoBpSzeduPOkNFkxea4BQ1ph7tADi6F059GME0KqGBC1GFKJeHtbGyGKXVQ1JzLCrqKEeCTtSWUM9sKOooR4HjBD1OOAFUY8DAiDqwbRDU3Ouh2qc6KE3m40X1v2memtL47ka8jpXQ8K5GvLkAarxB1KjG4e6LrZ7AAAAAElFTkSuQmCC);width:17px;height:13px}.p-topiRelation.is-search .p-topiRelation__title:before{left:10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjkgMy4xQzE0IC4zIDkuNS4zIDYuNyAzLjEgNCA1LjggMy44IDkuOSA2LjEgMTIuOGwtLjUtLjFjLS4yLS4xLS41IDAtLjYuMmwtMy44IDMuOGMtLjMuMy0uMy43IDAgLjlsMS4zIDEuM2MuMy4zLjcuMy45IDBMNy4yIDE1Yy4yLS4yLjItLjQuMi0uNmwtLjEtLjVjMi44IDIuMyA3IDIuMSA5LjYtLjUgMi44LTIuOSAyLjgtNy41IDAtMTAuM3pNMTUgMTEuNGMtMS44IDEuOC00LjYgMS44LTYuNCAwLTEuOC0xLjctMS44LTQuNiAwLTYuNHM0LjYtMS44IDYuNCAwIDEuNyA0LjcgMCA2LjR6IiBmaWxsPSIjNjU3Nzg2Ii8+PC9zdmc+);width:17px;height:17px;transform:translateY(-10px)}.p-topiRelation.is-pickups .p-topiRelation__title:before{display:none}.p-topiRelation.is-pickups .p-topiRelation__title span{font-weight:600;color:#d62455}.p-topiRelation__link{position:absolute;right:14px;top:12px;color:#222;font-weight:600;font-size:14px}@media screen and (min-width:768px)and (max-width:979px){.p-topiRelation__link{position:relative;border:1px solid #d5d5d8;background-color:#f5f5f7;border-radius:5px;top:0;left:0;right:0;width:auto;display:block;margin-top:10px;text-align:center;line-height:38px;color:#0070bd}.p-topiRelation.is-pickups .p-topiRelation__link{color:#d62455}.p-resList__item .p-topiRelation__link,.p-topiRelation.is-article .p-topiRelation__link,.p-topiRelation.is-pickups .p-topiRelation__link,.p-topiRelation.is-ranking .p-topiRelation__link{margin-left:10px;margin-right:10px;margin-bottom:10px}}@media screen and (max-width:767px){.p-topiRelation__link{position:relative;border:1px solid #d5d5d8;background-color:#f5f5f7;border-radius:5px;top:0;left:0;right:0;width:auto;display:block;margin-top:10px;text-align:center;line-height:38px;color:#0070bd}.p-topiRelation.is-pickups .p-topiRelation__link{color:#d62455}.p-resList__item .p-topiRelation__link,.p-topiRelation.is-article .p-topiRelation__link,.p-topiRelation.is-pickups .p-topiRelation__link,.p-topiRelation.is-ranking .p-topiRelation__link{margin-left:10px;margin-right:10px;margin-bottom:10px}}.p-topiRelation__link:after{display:inline-block;width:8px;height:8px;content:"";border-top:3px solid #0070bd;border-right:3px solid #0070bd;transform:rotate(45deg) translateY(1px)}.p-topiRelation.is-article .p-topiRelation__link:after,.p-topiRelation.is-pickups .p-topiRelation__link:after{border-top-color:#d62455;border-right-color:#d62455;margin-left:0}@media screen and (min-width:768px)and (max-width:979px){.p-topiRelation__link:after{display:none}}@media screen and (max-width:767px){.p-topiRelation__link:after{display:none}}@media screen and (max-width:767px){.topicsId__article .p-topiRelation__link{margin-left:0;margin-right:0;width:100%}}.p-topiRelation__link:hover{text-decoration:underline;color:#657786}.p-topiRelation__topiDetail{background-color:#efeff4;border-radius:10px;margin-top:20px;display:flex;padding:10px 10px 10px 0}@media screen and (max-width:767px){.p-topiRelation__topiDetail{margin-left:10px;margin-right:10px}}.p-topiRelation__topiDetailTitle{font-size:18px;font-weight:600;margin-bottom:10px}.p-topiRelation__topiDetailGenre{margin:auto 0;min-width:56px;text-align:center}.p-topiRelation__topiDetailGenre .icon-genre{width:36px;height:36px;margin-left:auto;margin-right:auto}.p-topiRelation__topiDetailFoot{display:inline}.p-topiRelation__topiDetailResCount{font-size:12px}.p-topiRelation__topiDetailUserResCount{font-size:10px}