/* 脱Elementor 代替部品：Elementor Pro「投稿」ウィジェット（カード型）と同じ見た目 */
.deel-posts { display: grid; column-gap: var(--deel-column-gap, 30px); row-gap: var(--deel-row-gap, 35px); }
.deel-posts--cols-1 { grid-template-columns: 1fr; }
.deel-posts--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.deel-posts--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.deel-posts--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.deel-post { margin: 0; }
.deel-posts .deel-post__title a { text-decoration: none; }

/* タイトルだけ・カード型 */
.deel-posts--titles .deel-post__title,
.deel-posts--cards .deel-post__title { margin: 0; font-size: 18px; line-height: 1.2; }

/* カード型（タイトル・抜粋・日付） */
.deel-posts--cards .deel-post__card { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 3px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); overflow: hidden; }
.deel-posts--cards .deel-post__text { flex-grow: 1; margin-top: 20px; padding: 0 30px; }
.deel-posts--cards .deel-post__title { font-size: 21px; margin-bottom: 25px; }
.deel-posts--cards .deel-post__excerpt { margin-bottom: 25px; }
.deel-posts--cards .deel-post__excerpt p { margin: 0; font-size: 14px; line-height: 1.5; color: #777; }
.deel-posts--cards .deel-post__read-more { display: inline-block; margin-bottom: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none; }
.deel-posts--cards .deel-post__meta { padding: 15px 30px; border-top: 1px solid #eaeaea; font-size: 12px; line-height: 1.3; color: #adadad; }

/* クラシック型（画像・タイトル・抜粋・続きを読む）。見出しや段落の形はテーマに任せる */
.deel-posts--classic .deel-post { display: flex; flex-direction: column; overflow: hidden; text-align: var(--deel-align, left); }
.deel-posts--classic .deel-post__thumbnail { display: block; position: relative; overflow: hidden; }
.deel-posts--classic .deel-post__thumbnail img { display: block; width: 100%; height: auto; margin: 0; }
.deel-posts--classic .deel-post__read-more { display: inline; margin: 0; font-size: var(--deel-read-more-size, 12px); font-weight: 700; text-transform: none; text-decoration: none; }

/* Elementor の全体設定（サイト設定）の書体を使う（Elementor Pro の既定と同じ割り当て）。上の既定より後ろに置く */
.deel-e-globals .deel-post__title { font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight); }
.deel-e-globals .deel-post__excerpt p { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-weight: var(--e-global-typography-text-font-weight); }
.deel-e-globals .deel-post__read-more { font-family: var(--e-global-typography-accent-font-family), Sans-serif; font-weight: var(--e-global-typography-accent-font-weight); color: var(--e-global-color-accent); }

/* 個別の指定（太さ・色）は、指定したときだけ上書きする（指定がなければテーマや全体設定のまま）。いちばん後ろに置く */
.deel-w-title .deel-post__title { font-weight: var(--deel-title-weight); }
.deel-w-read-more .deel-post__read-more { font-weight: var(--deel-read-more-weight); }
.deel-c-title .deel-post__title a { color: var(--deel-title-color); }
.deel-c-excerpt .deel-post__excerpt p { color: var(--deel-excerpt-color); }
.deel-c-read-more .deel-post__read-more { color: var(--deel-read-more-color); }

.deel-pagination { margin-top: 0; text-align: center; }
.deel-pagination .page-numbers { display: inline-block; margin: 0 5px; text-decoration: none; }
.deel-pagination .page-numbers:first-child { margin-left: 0; }
.deel-pagination .page-numbers:last-child { margin-right: 0; }
.deel-pagination .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 1024px) {
	.deel-posts--cols-3, .deel-posts--cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.deel-posts--cols-2, .deel-posts--cols-3, .deel-posts--cols-4 { grid-template-columns: 1fr; }
}