.content {
    width: 100%;
    object-fit: contain;
}
.content:not(img):not(video):not(.video) {
    height: 100vw;
}
.content.video {
    height: 56.25vw;
}

img.ogp-images {
    max-width: 25vw;
    height: auto;
    /* max-height: 50vh; */
    max-height: 100vw;
    width: auto;
}
img.ogp-images.fullsize {
    max-width: 100%;
    width: 100%;
    display: block;
    max–height: 100vh;
    object-fit: contain;
}


a.setted-onclick.clicked {
    color: #000088;
}

a[target="_blank"]:before {
    content: "#";
    color: yellow;
}

/* タグ */
.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0;
}
.tag-btn {
    padding: 2px 10px;
    border: 1px solid #888;
    border-radius: 12px;
    background: transparent;
    color: #ccc;
    cursor: pointer;
    font-size: 0.8em;
    transition: background 0.15s, color 0.15s;
}
.tag-btn:hover {
    background: #444;
}
.tag-btn.tag-active {
    background: #4a8;
    border-color: #4a8;
    color: #fff;
}