@charset "UTF-8";

.wp-embed {
padding: 15px;
position: relative;
}
.wp-embed::before {
content: "関連記事";
display: block;
font-size: 12px;
color: #fff;
background-color: #f8b23f;
padding: 5px;
position: absolute;
top: 0;
left: 0;
}
.wp-embed .post-embed-box {
display: flex;
align-items: flex-start;
gap: 20px;
}
.wp-embed .post-embed-featured-image {
width: 170px;
flex-shrink: 0;
}
.wp-embed .post-embed-featured-image a:hover {
opacity: 0.6;
}
.wp-embed .post-embed-featured-image img {
width: 100%;
height: auto;
}
.wp-embed .post-embed-title {
font-size: 18px;
font-weight: 500;
color: #6bb0cf;
}
.wp-embed .post-embed-title:hover {
text-decoration: none;
opacity: 0.6;
}
@media screen and (max-width: 820px) {
.wp-embed {
padding: 10px;
}
.wp-embed::before {
font-size: 10px;
}
.wp-embed .post-embed-box {
gap: 10px;
}
.wp-embed .post-embed-featured-image {
width: 110px;
}
.wp-embed .post-embed-featured-image a:hover {
opacity: 1;
}
.wp-embed .post-embed-title {
font-size: 16px;
}
.wp-embed .post-embed-title:hover {
opacity: 1;
}
.wp-embed .post-embed-content p {
display: none;
}
}