/* Coordeble CMS - Reading Front CSS */

.coordeble-reading-page {
    width: 100%;
    max-width: 1200px;
    min-width: 0;
    margin: 0 auto;
    padding: 40px 20px 80px;
    box-sizing: border-box;
}

.coordeble-reading-article {
    width: 100%;
    max-width: 800px;
    min-width: 0;
    margin: 0 auto;
}

/* 記事本文 */
.coordeble-reading-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* 本文内の画像 */
.coordeble-reading-content img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* 画像を囲む要素 */
.coordeble-reading-content figure,
.coordeble-reading-content .coordeble-reading-image,
.coordeble-reading-content .wp-block-image {
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
    box-sizing: border-box;
}

.coordeble-reading-content figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* アイキャッチ画像 */
.coordeble-reading-featured img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* スマートフォン */
@media (max-width: 767px) {
    .coordeble-reading-page {
        padding: 24px 16px 56px;
    }
}

/* ======================================
   Coordeble Reading Inner Background Reset v1
   記事内部の個別背景を使用しない
====================================== */

.coordeble-reading-article-header,
.coordeble-reading-article-footer {
    background: transparent;
    color: inherit;
    padding: 0;
}

.coordeble-reading-title,
.coordeble-reading-eyebrow,
.coordeble-reading-meta,
.coordeble-reading-content {
    background: transparent;
    color: inherit;
}

/* アイキャッチ画像の外側 */
.coordeble-reading-featured {
    background: transparent;
}