/**
 * Fan Portal レイアウト修正CSS
 * 
 * SWELLテーマ対応 - 白い囲いの外にコンテンツを配置
 */

/* 白い囲いの外に配置されるコンテナ */
.fp-after-content-wrapper {
    margin-top: 60px;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

/* コメントセクションのスタイル調整 */
.fp-comments-section {
    background: #f8f9fa;
    padding: 40px 20px;
    border-radius: 8px;
    margin-bottom: 40px;
}

/* 関連コンテンツのマージン調整 */
.fp-next-section {
    margin-top: 40px !important;
    margin-bottom: 40px;
}

/* SWELLの記事本文エリアとの間隔 */
.p-postContent + .fp-after-content-wrapper,
.p-entryContent + .fp-after-content-wrapper,
.post_content + .fp-after-content-wrapper,
.entry-content + .fp-after-content-wrapper {
    margin-top: 80px;
}

/* コメントフォームの重複防止 */
#fp-comments .comment-respond {
    display: block !important;
}

/* 重複したコメントフォームを非表示 */
#fp-comments + .comment-respond,
.fp-comments-section + #respond {
    display: none !important;
}

/* カスタムHTMLエリアのスタイル */
.fp-bottom-custom-html {
    margin-top: 40px;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}