/* 脱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; }

/* スライド（[deel_slides]）。Elementor Pro 4.3 の widget-slides.min.css と同じ指定 */
.elementor-slides .swiper-slide-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100%;min-width:100%}.elementor-slides .swiper-slide-inner{background-position:50%;background-repeat:no-repeat;inset:0;margin:auto;padding:50px;position:absolute}.elementor-slides .swiper-slide-inner,.elementor-slides .swiper-slide-inner:hover{color:#fff;display:flex}.elementor-slides .swiper-slide-inner .elementor-background-overlay{inset:0;position:absolute;z-index:0}.elementor-slides .swiper-slide-inner .elementor-slide-content{position:relative;width:100%;z-index:1}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:35px;font-weight:700;line-height:1}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:17px;line-height:1.4}.elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child),.elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:30px}.elementor-slides .swiper-slide-inner .elementor-slide-button{background:transparent;border:2px solid #fff;color:#fff;display:inline-block}.elementor-slides .swiper-slide-inner .elementor-slide-button,.elementor-slides .swiper-slide-inner .elementor-slide-button:hover{background:transparent;color:inherit;text-decoration:none}.elementor--v-position-top .swiper-slide-inner{align-items:flex-start}.elementor--v-position-bottom .swiper-slide-inner{align-items:flex-end}.elementor--v-position-middle .swiper-slide-inner{align-items:center}.elementor--h-position-left .swiper-slide-inner{justify-content:flex-start}.elementor--h-position-right .swiper-slide-inner{justify-content:flex-end}.elementor--h-position-center .swiper-slide-inner{justify-content:center}body.rtl .deel-slides .elementor-swiper-button-next{left:10px;right:auto}body.rtl .deel-slides .elementor-swiper-button-prev{left:auto;right:10px}.elementor-slides-wrapper div:not(.swiper-slide)>.swiper-slide-inner{display:none}@media (max-width:767px){.elementor-slides .swiper-slide-inner{padding:30px}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:23px;line-height:1;margin-bottom:15px}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:13px;line-height:1.4;margin-bottom:15px}}

/* Facebook ページ（[deel_fb_page]）。Elementor Pro 4.3 の widget-social.min.css と同じ指定 */
.elementor-facebook-widget.fb_iframe_widget,.elementor-facebook-widget.fb_iframe_widget span{width:100%!important}.elementor-facebook-widget.fb_iframe_widget iframe{position:relative;width:100%!important}

/* モーション効果。Elementor Pro 4.3 の modules/motion-fx.min.css と同じ指定 */
.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0,.33,.07,1.03)}@media (prefers-reduced-motion:reduce){.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:0s!important}}.elementor-motion-effects-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x);width:100%}.elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0}.elementor-motion-effects-perspective{perspective:1200px}.elementor-motion-effects-element{transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}

@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; }
}
