@charset "utf-8";

/*==================================================================
    IPすまいる2026 ／ single.css
    お知らせ 詳細（single.php） 専用スタイル

    #entry は the_content() の素の出力（クラスレス）を装飾する。
    編集者が管理画面から入力した内容がそのまま出るため、要素セレクタのみで組む
==================================================================*/

/*------------------------------------------------------------------
    #entry ／ 本文
------------------------------------------------------------------*/
#entry {
	padding-block: var(--m6) var(--m4);
	background: #fff;
}
#entry .wrap {
	max-width: calc(800 * var(--px));
}
#entry .button.more {
	margin-block-start: var(--m5);
	margin-inline: auto;
}

/* 見出し（h2を最大として段階的に縮小。h2だけ罫線で強調） */
#entry h2 {
	font-size: var(--large-size);
	padding-block-end: 0.3lh;
	border-block-end: 1px solid var(--border);
}
#entry h3 {
	font-size: var(--medium-size);
}
#entry h4 {
	font-size: var(--regular-size);
}
#entry h5 {
	font-size: calc(var(--regular-size) * 0.9);
}
#entry h6 {
	font-size: calc(var(--regular-size) * 0.75);
}
#entry :is(h2, h3, h4, h5, h6) {
	margin-block-end: 0.5lh;
}
/* 見出しより前にコンテンツがある場合だけ、上に充分な余白を作る */
#entry h2:not(:first-child) { margin-block-start: var(--m5); }
#entry h3:not(:first-child) { margin-block-start: var(--m4); }
#entry h4:not(:first-child) { margin-block-start: var(--m3); }
#entry h5:not(:first-child) { margin-block-start: var(--m2); }
#entry h6:not(:first-child) { margin-block-start: var(--m2); }

/* リスト（destyleがlist-style/paddingを消しているため最小限復元） */
#entry :is(ul, ol) {
	margin-block: 2lh;
	padding-inline-start: 1.5ic;
}
#entry ul { list-style: disc; }
#entry ol { list-style: decimal; }
#entry li + li {
	margin-block-start: 0.3lh;
}

/* 画像 */
#entry img {
	width: 80%;
	margin-block: var(--m3);
	margin-inline: auto;
}

@media screen and (max-width: 767px) {
	#entry {
		padding-block: var(--m3) var(--m2);
	}
	#entry img {
		width: 100%;
	}
}