/***** 変数 *****/
:root {
	--size-15-17:clamp(15px, 14.091px + 0.242vw, 17px);
}


.l-main ul, .l-main li {
/* 	list-style:none;
	margin:0 !important;
	padding:0; */
}

.su-posts,
.su-posts-teaser-loop{
	all: initial;
}

/* ショートコード成形用 */

.su-posts {
	display: grid;
    list-style: none;
    padding: 0 2vw 3vh;
}

.su-posts-default-loop {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--size-15-20);
	padding:0 ;
	@media screen and (max-width: 767px) {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
}
.su-post {
	border:1px solid #ddd;
    overflow: hidden;
    background: #fff;
	text-align:left;
	margin:0 !important;
	h2.su-post-title {
		display: block;
		font-weight: 600 !important;
		font-size: var(--size-14-16) !important;
		line-height:1.6;
		font {
			font-size: var(--size-14-16) !important;
		}
	}
	.su-post-thumbnail,.su-post-thumbnail img {
		width:100% !important;
		max-width:100% !important;
		height:auto !important;
		max-height:100% !important;
	}
	.su-post-thumbnail {
		margin-bottom:1em;
	}
	.su-post-title,
	.su-post-meta,
	.su-post-excerpt {
		padding:.7em !important;
	}
	.su-post-meta {
		text-align:right;
		display:none;
	}
	.su-post-excerpt {
		padding:0 !important;
		margin: 0 10px 15px;
		font-size:var(--size-13-15);
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3; /* 行数を指定 */
	}
	.su-post-excerpt + a {
		display:none;
	}
}

/* ブログ用 */
.su-posts-teaser-loop {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 15px;
}

.su-posts-teaser-loop h2.su-post-title {
/* 	all: unset; */
}
.su-posts h2.su-post-title br {
	display:none;
}
.su-posts-teaser-loop .su-post-thumbnail > img {
	margin-bottom:.5em !important;
	border: none !important;
    border-radius: 0 !important;
}

/* ページ内リンク用 */
.scrl {
	padding-top:120px;
	margin-top:-120px;
}

.con_nav_lst {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    list-style: none;
    gap: 2px;
    padding: 0.5vw 2vw 2vw;
	& li {
		border:1px solid #333;
		text-align:center;
		& a {
			display:block;
			cursor:pointer;
			padding:10px;
			&:hover {
				background:#666;
				color:#fff;
			}
		}
	}
}

[class*="product_pr"] {
	text-align:center;
	margin: clamp(40px, 30.909px + 2.424vw, 60px) clamp(0px, -13.636px + 3.636vw, 30px) 0;
	.ttl_pr {
		padding: 1.5vh;
		color: #fff;
		font-size: var(--size-16-20);
	}
	& p {
		line-height:1.5;
		margin:0 var(--size-15-20) var(--size-15-20) ;
	}
	.short_box {
		padding:var(--size-10-20);
	}
}



/* セミナー／展示会情報エリア */
.product_pr {
	width: min(100%, 1100px);
	margin: var(--size-20-30) auto 0;
	padding: 0 15px;
	border:2px solid #17629b;
	padding:3px;
	.ttl_pr {
		background: #17629b;
	}
}
.l-contents--grid [class*="product_pr"] {
	margin: clamp(40px, 30.909px + 2.424vw, 60px) clamp(0px, -4.545px + 1.212vw, 10px) 0;
}

/* 製品情報エリア */
.product_pr2 {
	background:#f3f3f3;
	padding:0 0 var(--size-10-20);
	.ttl_pr {
		padding: 2.5vh;
		background: #17629b;
	}
	.short_box {
		padding:var(--size-10-20) var(--size-15-30);
	}
}