@charset "utf-8";


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



/*-----------------------------------------------------------------------------------------------*/
/* お知らせ（詳細） -----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/* イメージ */
.main .article .image { margin-top: var(--margin-s); }

/* 日付、カテゴリー */
.main .article .info {
	display: flex;
	font-size: var(--font-s);
	margin-top: var(--margin-s);
}
.main .article .date::after { content: "｜"; }

/* タイトル */
.main .article h1 {
	border-bottom: var(--color-border) solid 1px;
	font-size: var(--font-ll);
	/*font-weight: var(--weight-m);*/
	line-height: var(--line-s);
	margin-top: var(--margin-xs);
	padding-bottom: var(--margin-s);
}

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

/* 見出し */
.main .comment h2,
.main .comment h3,
.main .comment h4,
.main .comment h5 {
	font-weight: var(--weight-b);
	margin-top: var(--margin-l);
}
.main .comment h2:first-child,
.main .comment h3:first-child,
.main .comment h4:first-child,
.main .comment h5:first-child { margin-top: var(--margin-s); }
.main .comment h2 + *,
.main .comment h3 + *,
.main .comment h4 + *,
.main .comment h5 + * { margin-top: 1em !important; }

/* 画像 */
.main .article .comment img {
	display: block;
	margin: var(--margin-m) 0;
}
.main .article .comment img.h {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
.main .article .comment img.auto {
	display: inline;
	margin: 0;
	width: revert-layer;
}

/* リスト */
.main .article .comment ul,
.main .article .comment ol { margin-top: var(--margin-m); }
.main .article .comment li {
	list-style: disc;
	line-height: var(--line-s);
	margin-left: 1em;
}
.main .article .comment li:not(:first-child) { margin-top: var(--margin-xs); }
.main .article .comment ol li { list-style: decimal; }
/*-----------------------------------------------------------------------------------------------*/





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



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

	/*-----------------------------------------------------------------------------------------------*/
	/* お知らせ（一覧） -----------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* リスト ---------------------------------------------------------------------------------------*/
	.main .articlelist {
		padding-bottom: var(--margin-l);
		position: relative;
		width: 68%;
	}
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* お知らせ（詳細） -----------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.main .article { width: 68%; }
	/* イメージ */
	.main .article .image { margin-top: 0; }
	/* 日付、カテゴリー */
	.main .article .info { margin-top: 0; }
	.main .article .image + .info { margin-top: var(--margin-s); }
	/*-----------------------------------------------------------------------------------------------*/
}



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