/* カスタム投稿プレビューページ専用スタイル */

.preview-header {
    display: block;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-header .back-button {
    background-color: #89c4ce;
    color: white;
    padding: 5px 15px;
    border-radius: 3px;
    text-decoration: none;
}

.preview-header .back-button:hover {
    background-color: #0056b3;
}

.custom-post {
    background-color: #FFFFFF;
    padding: 0;
}

.custom-post #container {
    background-color: var(--white);
}

/* 公開・プレビュー: .service-custom-content が既に padding 120px で内側860pxなので #container の padding は不要 */
.service-custom-content #container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* origin.scss の .content { width: 800px } を打ち消し、親の860px幅を使う */
.service-custom-content #container.content {
    width: 100%;
    max-width: 100%;
}

/* プレビューの .wrap 内 #container は左右パディングなし */
.custom-post .wrap #container {
    padding-left: 0;
    padding-right: 0;
}

/* 見出し大（タイトル）は padding: .5em 1em */
.custom-post #container section.title h2.content {
    padding: .5em 1em;
}

/* 見出し中（h3）以外のその他は padding なし（見出し中は common の .2em 0 .2em 5px のまま） */
.custom-post #container section h4,
.custom-post #container section span {
    padding: 0;
}

.slick-slide {
    height: auto;
}