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

.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 {
    padding: 10px 0 50px 0;
}


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

.custom-post #container .content {
    padding: 0;
}


.custom-post #container h3.content {
    padding-left: 5px;
}

.slick-slide {
    height: auto;
}

/* レスポンシブデザイン */
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .custom-post {
        padding: 80px 0;
    }
}

@media screen and (max-width: 767px) {
    .custom-post {
        padding: 60px 0;
    }
}