@charset "utf-8";


.main { padding-top: calc(var(--header-h) * 2); }

/* コンテナー */
.main .container {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.main .container:not(:first-of-type)::before { content: none; }


/* アーカイブ -----------------------------------------------------------------------------------*/
/* リスト */
.main .archive .swrapper { width: 100%; }
.main .archive .archivelist { padding: 0; }

.main .archive .archivelist ul {
	border-bottom: var(--color-border) solid 1px;
	line-height: 1;
	margin-top: 0;
}
.main .archive .archivelist li {
	border-top: var(--color-border) solid 1px;
	margin-top: 0;
	padding-left: 0;
	text-indent: 0;
}
.main .archive .archivelist li::before { content: none; }

.main .archive .archivelist a {
	display: block;
	padding: 19px var(--margin-ss) 18px;
	text-decoration: none;
}
.main .archive .archivelist a span {
	padding-right: var(--margin-ss);
	position: relative;
}
.main .archive .archivelist a span::after {
	border-top: var(--color-border) solid 1px;
	border-right: var(--color-border) solid 1px;
	content: "";
	height: 10px;
	position: absolute;
	top: 5px;
	right: 0;
	transform: rotate(45deg);
	width: 10px;
}
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* 施工事例（一覧） -----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*.main .midashi { margin-top: var(--margin-s); }*/
/*.main .midashi h1 { font-size: var(--font-ll); }*/

.main .articlelist .smidashi { margin-top: var(--margin-l); }
.main .articlelist .smidashi h2 { font-size: var(--font-l); }
.main .articlelist .smidashi p {
	font-size: var(--font-m);
	line-height: var(--line-s);
	margin-top: var(--margin-ss);
	text-align: justify;
}
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* 施工事例（詳細） -----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.main .article a { text-decoration: underline; }

/* イメージ */
.main .article .image { margin-top: calc(var(--header-h) * -1); }

/* タイトル */
.main .article h1 {
	/*font-size: var(--font-l);
	font-weight: var(--weight-m);*/
	line-height: var(--line-s);
	margin-top: var(--margin-m);
	text-align: justify;
}
.main .article h1 br { display: none; }

/* タグ */
.main .article .tags { margin-top: var(--margin-m); }

/* 本文 */
.main .article .comment { margin-top: var(--margin-m);/*var(--margin-s);*/ }

/* 画像 */
.main .article .photos { margin-top: var(--margin-ll); }
.main .article .photos p { margin: var(--margin-m) auto 0; }
.main .article .photos p.h { width: 70%; }
.main .article .photos p span {
	display: block;
	font-size: var(--font-s);
	line-height: var(--line-s);
	margin-top: var(--margin-ss);
}

/* リスト */
.main .article .spec {
	/*display: table;*/
	font-size: var(--font-m);
	margin-top: var(--margin-l);
	width: 100%;
}
.main .article .spec p {
	/*display: table-caption;*/
	font-size: var(--font-l);
	font-weight: var(--weight-b);
	line-height: var(--line-s);
	padding-bottom: var(--margin-xs);
}
.main .article .spec p br { display: none; }
.main .article .spec dl { display: flex;/*table-row;*/ }
.main .article .spec dt {
	/*display: table-cell;*/
	font-family: var(--family-go);
	font-weight: var(--weight-m);
	padding-top: var(--margin-xs);
	text-align-last: justify;
	white-space: nowrap;
	min-width: 4em;
}
.main .article .spec dd {
	/*display: table-cell;*/
	font-family: var(--family-go);
	font-weight: var(--weight-m);
	padding-top: var(--margin-xs);
}
.main .article .spec dd::before { content: "："; }

/* 現場レポート */
.main .article .report {
	display: inline-block;
	font-size: var(--font-l);
	line-height: var(--line-s);
	margin-top: var(--margin-s);
}
.main .article .report.f { margin-top: var(--margin-m); }
.main .article .report a { font-size: var(--font-m); }
/*-----------------------------------------------------------------------------------------------*/





@media(min-width: 530px) {
}



@media(min-width: 768px) {
	.main .container .swrapper {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	/* アーカイブ -----------------------------------------------------------------------------------*/
	.main .archive {
		margin-top: var(--margin-m);
		width: 100%;
	}
	.main .archive .swrapper { width: var(--wrapper); }
	/* リスト */
	.main .archive .archivelist { overflow: hidden; }
	.main .archive .archivelist ul {
		border-bottom: none;
		display: flex;
		/*column-gap: var(--margin-xs);*/
		justify-content: space-between;
	}
	.main .archive .archivelist li {
		border-top: none;
		margin-top: 0;
	}
	.main .archive .archivelist a {
		border-bottom: var(--color-border) solid 1px;
		padding: 0 0 var(--margin-xxs) 0;
	}
	.main .archive .archivelist a span { padding-right: calc(var(--margin-xs) + var(--margin-xxs)); }
	.main .archive .archivelist a span::after { right: var(--margin-xxs); }
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* 施工事例（一覧） -----------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* リスト ---------------------------------------------------------------------------------------*/
	.main .articlelist {
		padding-bottom: calc(var(--margin-ll) + var(--margin-l));
		position: relative;
		width: 100%;
	}
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* 施工事例（詳細） -----------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* タイトル */
	.main .article h1 br { display: inline; }
	/* 現場レポート */
	.main .article .flex {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.main .article .report {
		margin-top: 0 !important;
		white-space: nowrap;
	}
	.main .article .tags,
	.main .article .spec {
		flex: 1;
		margin-right: var(--margin-ms);
		padding-bottom: 5px;
	}
	/*-----------------------------------------------------------------------------------------------*/
}



@media(min-width: 920px) {
	/* アーカイブ -----------------------------------------------------------------------------------*/
	/* リスト */
	.main .archive .archivelist ul {
		column-gap: var(--margin-s);
		justify-content: flex-start;
	}
	/*-----------------------------------------------------------------------------------------------*/
}



@media(min-width: 1024px) {
	/* アーカイブ -----------------------------------------------------------------------------------*/
	/* リスト */
	.main .archive .archivelist { overflow: hidden; }
	.main .archive .archivelist ul { column-gap: var(--margin-ms); }
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* 施工事例（詳細） -----------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* 画像 */
	.main .article .photos p {
		margin-top: var(--margin-l);
		width: 90%;
	}
	.main .article .photos p.h { width: 63%; }
	/*-----------------------------------------------------------------------------------------------*/
}



@media(min-width: 1280px) {
}