.media-Head{background-color:#053766;color:#fff}.media-Head h1{font-size:34px;font-weight:700}@media screen and (max-width: 768px){.media-Head h1{font-size:28px}}.media-Layout{display:grid;grid-template-columns:1fr 200px;gap:32px;grid-template-areas:"main side" "pager pager"}@media screen and (max-width: 768px){.media-Layout{grid-template-columns:1fr;grid-template-areas:"main" "side" "pager"}}.media-Layout .media-Contents{grid-area:main}.media-Layout .media-Side{grid-area:side}.media-Layout .media-Pager{grid-area:pager}.media-List{border-bottom:1px solid #e0e0e0}.media-List>li{background:#fff;border-top:1px solid #e0e0e0;box-sizing:border-box;overflow:hidden}.media-List a{text-decoration:none;display:grid;grid-template-columns:auto 1fr 28px;grid-template-areas:"date label icon" "date headline icon";width:100%;padding:24px 0;gap:16px 32px}@media screen and (max-width: 768px){.media-List a{grid-template-columns:1fr 24px;grid-template-areas:"date date" "label label" "headline icon";gap:8px}}.media-List a:hover{text-decoration:none;background:#f7f7f7}.media-List a>time{grid-area:date;font-size:18px;color:#333}@media screen and (max-width: 768px){.media-List a>time{margin-bottom:8px}}.media-List a>div{grid-area:label;display:flex;gap:8px}.media-List a>p{grid-area:headline}.media-List a>span{grid-area:icon;font-family:rex-icon !important;font-style:normal;font-weight:400;line-height:1;font-size:24px;color:#ff008c;padding-left:4px;display:flex;align-items:center}.media-List a>span::before{content:""}.media-List .media-Label-new,.media-List .media-Label-media{padding:1px 8px;font-size:14px;line-height:1.5}.media-List .media-Label-new{background-color:#ffe6f4;color:#ff008c}.media-List .media-Label-media{background-color:#d4deec;color:#053766}.media-Side{padding:16px 16px 0;background-color:#f7f7f7;height:fit-content}.media-Side a{display:inline-block;text-decoration:none;margin-bottom:16px}.media-Side a.is-current{font-weight:700}.media-Side li a::after{content:"";display:inline-block;font-family:rex-icon !important;color:#ff008c;font-style:normal;font-variant:normal;line-height:1;margin-left:4px;font-weight:400}.media-Pager{display:flex;justify-content:center;align-items:center;gap:16px}.media-Pager button{width:32px;height:32px;line-height:32px;text-align:center;border-radius:2px}.media-Pager button:hover{background-color:#f3f3f3}.media-Pager button:disabled{color:#ccc;pointer-events:none}.media-Pager button.is-current{color:#fff;background-color:#ff008c;font-weight:700}
