/* ===================================
   キャラクター詳細ページ - SWELL標準レイアウト
   =================================== */

/* 日付メタ情報のスタイル調整 */
.single-fp_character .p-articleMetas.-top {
    margin-bottom: 0.75rem;
}

/* H1タイトルの余白調整（SWELL標準に合わせる） */
.single-fp_character .p-articleTitle {
    margin-top: 0;
    margin-bottom: 2.5rem;
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    line-height: 1.4;
    font-weight: 700;
}

/* メタ情報とタイトルの間隔 */
.single-fp_character .p-articleMetas + .p-articleTitle {
    margin-top: 0.5rem;
}

/* コンテンツエリアの余白 */
.single-fp_character .post_content {
    margin-top: 2rem;
}

/* プロフィールテーブル上の余白を削除（H2が自動挿入されるため） */
.single-fp_character .post_content > :first-child {
    margin-top: 0;
}

/* レスポンシブ対応 */
@media (max-width: 959px) {
    .single-fp_character .p-articleTitle {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    
    .single-fp_character .p-articleMetas.-top {
        margin-bottom: 0.5rem;
    }
}

/* スマホ表示時の調整 */
@media (max-width: 599px) {
    .single-fp_character .p-articleTitle {
        font-size: 1.375rem;
        margin-bottom: 1.5rem;
    }
}

/* SWELLのアイコン調整 */
.single-fp_character .c-postMeta__icon {
    margin-right: 0.25em;
    opacity: 0.7;
}

/* 更新日アイコンの色 */
.single-fp_character .c-postMeta__item.-updated .c-postMeta__icon {
    color: #f59e0b;
}

/* 公開日アイコンの色 */
.single-fp_character .c-postMeta__item.-posted .c-postMeta__icon {
    color: #6b7280;
}

/* 画像サイズ制限の追加設定（個別ページ用） */
@media (min-width: 1200px) {
    .single-fp_character .fp-character-featured-image {
        max-width: 400px !important;
        margin: 20px auto !important;
        text-align: center !important;
    }
    
    .single-fp_character .fp-character-featured-image img {
        max-height: 500px !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .single-fp_character .fp-character-featured-image {
        max-width: 350px !important;
        margin: 20px auto !important;
        text-align: center !important;
    }
    
    .single-fp_character .fp-character-featured-image img {
        max-height: 400px !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 767px) {
    .single-fp_character .fp-character-featured-image {
        max-width: 100% !important;
        margin: 20px auto !important;
        text-align: center !important;
    }
    
    .single-fp_character .fp-character-featured-image img {
        max-height: 300px !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
    }
}