@charset "UTF-8";
/*-------------------------------
 *  特集記事 リスト
 */

/* 記事ボックスのレイアウト */
.ad-sf-article-container{
	width: 88vw;
    padding: 0 2.5vw;
    margin-left: 6vw;
    border-radius: 20px;
    border: solid 2px #000000;
}

/* 特集記事（タイトル）の位置 */
.ad-sf-article-container .swell-block-fullWide__inner{
	padding-top: 1em;
}

/* 特集記事の画像 */
.ad-sf-article .wp-block-jet-engine-dynamic-image img{
	aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* 特集記事抜粋情報の省略行指定 */
.ad-sf-article .wp-block-jet-engine-listing-grid .jet-listing-dynamic-field__content{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2 ; /* タイトル，タグ以外は2行目以降省略 */
}

.ad-sf-article .jet-listing-grid__item{
	background-color: #fdfdfd;
	max-width: calc(92% / var(--columns));
	border: solid 1px #444939;
	box-shadow: 0px 4px 4px 5px #1E2D2263;
	padding: 0;
	margin: 2%;
}
.ad-sf-article .jet-listing-grid__item:nth-child(0), .ad-sf-article .jet-listing-grid__item:nth-child(1){
	background-color: #fdfdfd;
	margin: 0 2% 2% 2%;
}

.ad-sf-article .jet-listing-grid__item:last-child{
	background-color: #fdfdfd;
	margin: 2% 2% 0 2%;
}
/* 
.ad-sf-article .jet-listing-grid__item:last-child, .ad-sf-article .jet-listing-grid__item:nth-last-child(2){
	background-color: #fdfdfd;
	margin: 2% 2% 0 2%;
}
 */
.ad-sf-article .jet-listing-grid__item .wp-block-jet-engine-dynamic-field:nth-child(2){
	margin: 5% 3.5% 0 3.5%;
}
.ad-sf-article .jet-listing-grid__item .wp-block-jet-engine-dynamic-field:nth-child(3), 
.ad-sf-article .jet-listing-grid__item .wp-block-jet-engine-dynamic-field:nth-child(4){
	margin: 0 3.5% 0 3.5%;
}

.l-mainContent__inner:has(.tokusyu){
	margin-bottom: 10rem;
}

.post_content:has(.tokusyu) .swell-block-columns p{
	width: 80%;
	margin-left: auto;
	margin-right: auto;	
}

.post_content:has(.tokusyu) .swell-block-columns img{
	width: 75%;
}

.tokusyu{
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

._feature-template-default .l-mainContent__inner .post_content{
	width: 70%;
	margin: 1.5rem auto 5rem auto !important;
}

/* スライダー全体のレスポンシブ設定 */
@media (max-width: 1024px) {
	/* タブレット対応（幅1024px以下） */
}

@media (max-width: 768px) {
	/* スマートフォン対応（幅768px以下） */
	.ad-sf-article .jet-listing-grid__item {
		box-shadow: 0px 0px 0px 0px #000;
	}
	.ad-sf-article-container {
		border: solid 1px #000000;
	}
}

@media (max-width: 480px) {
	/* カード内の文字の余白を調整 */
}