@charset "utf-8";

/* --------------- */
/* 時局社メインCSS */
/* --------------- */
/* Modified : 2025/12/24 11:16 */

/* ―――――――― */
/* ■カスタム変数群 */
/* ―――――――― */
:root {
	--theme-back:	white;		/* 標準の背景色 */
	--theme-text:	black;		/* 標準の文字色 */

	--wideStdBtn-backcolor: black;		/* WIDE STDボタンの背景色 */
	--wideStdBtn-textcolor: white;		/* WIDE STDボタンの文字色 */
	--wideStdBtn-bordercolor: black;	/* WIDE STDボタンの枠線色 */

	--smallBtn-backcolor: black;		/* 小さめボタンの背景色 */
	--smallBtn-textcolor: white;		/* 小さめボタンの文字色 */
	--smallBtn-bordercolor: black;		/* 小さめボタンの枠線色 */

	--drawer-backcolor: #fffff9;		/* ドロワーメニューの背景色 */
	--drawer-linkcolor: black;			/* ドロワーメニュー項目の文字色 */
	--hamburger-bar-open-color: #000;		/* ハンバーガーボタン平時の線色(ドロワーを開くボタンの線色) */
	--hamburger-bar-close-color: #000;		/* ハンバーガーボタン開時の線色(ドロワーを閉じるボタンの線色) */
	--hamburger-label-textcolor: white;		/* ハンバーガーボタンのラベル文字色 */
	--hamburger-button-color: transparent;		/* ハンバーガーボタンのボタン色(背景色) */

	--subcontent-max-width: 1200px;
	--article-max-width: 900px;

	--kaku-fontset: "Zen Kaku Gothic Antique", sans-serif;
	--swrb-fontset: "Sawarabi Mincho", serif;

	--footer-backcolor: #000;
	--footer-frontcolor: #fff;

	--fixed-bar-backcolor: #3760d3;

	scroll-behavior: smooth;
}

/* ――――――――――― */
/* ■全環境用のベースCSS  */
/* ――――――――――― */
body {
	margin: 0;
	padding: 0;
	background-color: var(--theme-back);
	color: var(--theme-text);
	font-size: 16px;
	font-family: var(--kaku-fontset);
	line-height: 1.5;
}

.pageCover {
	margin: 0;
	padding: 0;
}

	/* ============ */
	/* ▼汎用装飾群 */
	/* ============ */
	a {
		color: #333;
		text-decoration: none;
	}
	a:hover {
		opacity: 0.5;
	}

	/* 一時的にリンクにしないリンク */
	a.temporaryNoLink:hover {
		opacity: 1;
		cursor: auto;
	}

	/* ▽消極的な改行制御区間 */
	i {
		font-style: normal;
		display: inline-block;
	}

	/* ▽モバイルだけの改行調整 */
	br.sp-only {
		display: block;
		margin: 0.5em 0;
	}

	/* ▽画面幅に応じて自動縮小する画像 */
	.autoResize {
		max-width: 100%;
		height: auto;
	}

	/* -------- */
	/* ▽見出し */
	/* -------- */
	.midashi {
		text-align: center;
		font-weight: 600;
		color: black;
		font-size: 2.25rem;
	}
		.midashi .en {
			display: block;
		}
		.midashi .jp {
			display: block;
			font-size: 1.5rem;
			margin: 1rem 0 0 0;
		}

	/* ------------ */
	/* ▽ボタン配置 */
	/* ------------ */
	.btn2set {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1.5rem 3rem;
	}
		.btn2set li {
			padding: 10px;   
		}

	/* -------------- */
	/* ▽汎用ボタン群 */
	/* -------------- */
	.btn {
		text-decoration: none;
		text-align: center;
		line-height: 1;
	}

	/* ▼WIDE STD：横長角丸黄背景ボタン */
	.wideStdBtn {
		display: block;
		width: fit-content;
		min-width: 14.5rem;
		max-width: 100%;
		margin: 0 auto;
		padding: 0.9rem 1.5rem;
		border: 2px solid var(--wideStdBtn-bordercolor);
		border-radius: 1.35rem;
		background-color: var(--wideStdBtn-backcolor);
		color: var(--wideStdBtn-textcolor);
	}
	a.wideStdBtn:hover {
		border-color: var(--wideStdBtn-bordercolor);
		background-color: var(--wideStdBtn-textcolor);
		color: var(--wideStdBtn-backcolor);
		opacity: 1;
	}

	/* ▼Small Button */
	.smallBtn {
		display: inline-block;
		width: fit-content;
		margin: 0;
		padding: 0.35em 0.75em;
		min-width: 90px;
		line-height: 1;
		text-align: center;
		font-weight: 500;
		letter-spacing: 1px;
		border: 1px solid var(--smallBtn-bordercolor);
		border-radius: 0;
		background-color: var(--smallBtn-backcolor);
		color: var(--smallBtn-textcolor);
	}
	.smallBtn:hover {
		border-color: var(--smallBtn-bordercolor);
		background-color: var(--smallBtn-textcolor);
		color: var(--smallBtn-backcolor);
		opacity: 1;
	}

	/* ▼ボタンデコレーション */
		/* 右矢印アイコン付き */
		.withArrowBtn {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LnN0MXtmaWxsOndoaXRlO308L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAsMS41QzIzLjIsMS41LDEuNSwyMy4yLDEuNSw1MFMyMy4yLDk4LjUsNTAsOTguNWMyNi44LDAsNDguNS0yMS43LDQ4LjUtNDguNVM3Ni44LDEuNSw1MCwxLjV6IE00NS41LDc1LjMgbC04LjQtOC40TDU0LjEsNTBMMzcuMSwzM2w4LjQtOC40TDcwLjgsNTBMNDUuNSw3NS4zeiIvPjwvZz48L3N2Zz4=");
			background-size: 1rem;
			background-position: center right 8px;
			background-repeat: no-repeat;
		}
		.withArrowBtn:hover {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAsMS41QzIzLjIsMS41LDEuNSwyMy4yLDEuNSw1MFMyMy4yLDk4LjUsNTAsOTguNWMyNi44LDAsNDguNS0yMS43LDQ4LjUtNDguNVM3Ni44LDEuNSw1MCwxLjV6IE00NS41LDc1LjMgbC04LjQtOC40TDU0LjEsNTBMMzcuMSwzM2w4LjQtOC40TDcwLjgsNTBMNDUuNSw3NS4zeiIvPjwvZz48L3N2Zz4=");
		}

		.withArrowBtn.whiteblueBtn {
		}
		.withArrowBtn.blackBtn {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LnN0MXtmaWxsOndoaXRlO308L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAsMS41QzIzLjIsMS41LDEuNSwyMy4yLDEuNSw1MFMyMy4yLDk4LjUsNTAsOTguNWMyNi44LDAsNDguNS0yMS43LDQ4LjUtNDguNVM3Ni44LDEuNSw1MCwxLjV6IE00NS41LDc1LjMgbC04LjQtOC40TDU0LjEsNTBMMzcuMSwzM2w4LjQtOC40TDcwLjgsNTBMNDUuNSw3NS4zeiIvPjwvZz48L3N2Zz4=");
		}

		/* 左アイコン付き */
		.withLeftIcon {
			position: relative;
		}
		.withLeftIcon::before {
			content: '';
			position: absolute;
			top: 0.6rem;
			left: 1.5rem;
			width: 1.67rem;
			height: 1.67rem;
			background-size: 1.67rem;
			background-position: center center;
			background-repeat: no-repeat;
		}
			.withIconPin::before {
				background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIxMDUiIHZpZXdCb3g9IjAgMCAyNi40IDMxLjUiPjxkZWZzPjxzdHlsZT4uaVBpbi1JbnNpZGV7ZmlsbDojRkZGRkZGO308L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iaVBpbi1PdXRzaWRlIiBkPSJNMjEuMywxMi41YzAsNS45LTguMSwxNC43LTguMSwxNC43cy04LjEtOC42LTguMS0xNC43YzAtNC41LDMuNi04LjEsOC4xLTguMUMxNy43LDQuNCwyMS4zLDgsMjEuMywxMi41eiIgLz48cGF0aCBjbGFzcz0iaVBpbi1PdXRzaWRlIiBkPSJNMjEuMywxMi41aC0xLjFjMCwxLjItMC40LDIuNy0xLjIsNC4zYy0xLjEsMi40LTIuNyw0LjgtNC4xLDYuNmMtMC43LDAuOS0xLjMsMS43LTEuOCwyLjIgYy0wLjIsMC4zLTAuNCwwLjUtMC41LDAuNmwtMC4xLDAuMmwwLDAuMWwwLjgsMC43bDAuOC0wLjdsLTAuMS0wLjFjLTAuNC0wLjUtMi40LTIuNy00LjItNS40Yy0wLjktMS40LTEuOC0yLjktMi40LTQuNCBjLTAuNi0xLjUtMS0yLjktMS00LjFjMC0xLjksMC44LTMuNywyLTQuOWMxLjMtMS4zLDMtMiw0LjktMmMxLjksMCwzLjcsMC44LDQuOSwyYzEuMywxLjMsMiwzLDIsNC45SDIxLjNoMS4xIGMwLTUuMS00LjEtOS4yLTkuMi05LjJDOC4xLDMuMyw0LDcuNCw0LDEyLjVjMCwxLjgsMC42LDMuNiwxLjQsNS4zYzEuMiwyLjYsMi45LDUuMSw0LjQsN2MxLjUsMS45LDIuNiwzLjEsMi42LDMuMSBjMC4yLDAuMiwwLjUsMC4zLDAuOCwwLjNzMC42LTAuMSwwLjgtMC40YzAsMCwyLjEtMi4zLDQuMS01LjNjMS0xLjUsMi4xLTMuMiwyLjktNC45YzAuOC0xLjcsMS40LTMuNSwxLjQtNS4ySDIxLjN6Ii8+PC9nPjxwYXRoIGNsYXNzPSJpUGluLUluc2lkZSIgZD0iTTE2LDEyLjJjMCwxLjUtMS4yLDIuOC0yLjgsMi44Yy0xLjUsMC0yLjgtMS4yLTIuOC0yLjhjMC0xLjUsMS4yLTIuOCwyLjgtMi44QzE0LjgsOS41LDE2LDEwLjcsMTYsMTIuMnoiLz48L3N2Zz4=");
			}
			.withIconTel::before {
				background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTM0Ny4xLDI0LjdsLTQwLDk2Yy02LjgsMTYuMy0yLjEsMzUuMSwxMS42LDQ2LjNsNDkuMyw0MC4zYy0zMy4zLDcwLjQtOTAuMywxMjcuNC0xNjAuNywxNjAuN2wtNDAuNC00OS4zIGMtMTEuMS0xMy43LTMwLTE4LjQtNDYuMy0xMS42bC05Niw0MGMtMTguNiw3LjctMjguNSwyOC0yMy4yLDQ3LjRsMjQsODhDMzAuMiw0OTkuOSw0Niw1MTIsNjQsNTEyYzI0Ny40LDAsNDQ4LTIwMC42LDQ0OC00NDggYzAtMTgtMTIuMS0zMy44LTI5LjUtMzguNmwtODgtMjRDMzc1LjEtMy45LDM1NC44LDYsMzQ3LjEsMjQuN0wzNDcuMSwyNC43eiIvPjwvc3ZnPg==");
			}
			.withIconForm::before {
				background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NTYgNDY0Ij48Zz48cGF0aCBkPSJNNTQzLjM4LDI1MC4wNGMtMC4xLTQuODgtMC4zOS05LjY5LTAuODYtMTQuNGMtMC4wMS0wLjEtMC4wMi0wLjItMC4wMy0wLjI5Yy0yLjMxLTIzLjI4LTguMzctNDQuMTQtMTEuODgtNTcuODkgYy01LjQ1LTIxLjMzLTE1LjE1LTQxLjktMTUuMTUtNDEuOXMtOTEuMTQtMzYuOC0yMTYuODctMjYuNzhjLTc3LjA3LDYuMTUtMTM4Ljk5LDQ5LjEyLTE4OCw3OS40NyBjLTMwLjk0LDE5LjE2LTU5LjM5LDI1LjMtNzQuODMsMzkuMjZjLTM5Ljg4LDM2LjA4LTE2LjI1LDg5LjYxLTE2LjI1LDg5LjYxbDI2LjA3LTAuMDNoNS41NWM2LjE0LDIyLjk1LDI3LjAyLDM5Ljg3LDUxLjksMzkuODcgYzI0Ljg4LDAsNDUuNzUtMTYuOTIsNTEuODktMzkuODdoMjU5LjM5YzYuMTQsMjIuOTUsMjcuMDIsMzkuODcsNTEuOSwzOS44N3M0NS43NS0xNi45Miw1MS44OS0zOS44N2gxMi41bC0wLjAzLTAuNThoMC4wMyBjMCwwLDQuNTYtMi43NSw5Ljc3LTMyLjNjMCwwLDAsMCwwLjAxLDBjMC4wNy0wLjQsMC4xNS0wLjg1LDAuMjEtMS4yN2MwLjEtMC41OCwwLjItMS4xNiwwLjMtMS43NmMwLjMyLTEuODksMC42My0zLjg0LDAuOTYtNS45NSBjMC4zMy0yLjE4LDAuNTktNC4zNSwwLjgxLTYuNTNjMC4wOC0wLjc3LDAuMTQtMS41NSwwLjItMi4zMWMwLjEyLTEuMzksMC4yMi0yLjc3LDAuMy00LjE2YzAuMDUtMC45NCwwLjEtMS44OCwwLjEzLTIuODIgYzAuMDQtMS4xNywwLjA3LTIuMzQsMC4wOS0zLjUxYzAuMDEtMS4wNiwwLjAzLTIuMTEsMC4wMy0zLjE2QzU0My40MywyNTEuODQsNTQzLjQsMjUwLjk1LDU0My4zOCwyNTAuMDR6IE0xMDMuMDMsMzQwLjE0IGMtMjAuNDIsMC0zNi45Ni0xNi41NS0zNi45Ni0zNi45NmMwLTIwLjQxLDE2LjU1LTM2Ljk2LDM2Ljk2LTM2Ljk2YzIwLjQxLDAsMzYuOTYsMTYuNTUsMzYuOTYsMzYuOTYgQzEzOS45OSwzMjMuNTksMTIzLjQ0LDM0MC4xNCwxMDMuMDMsMzQwLjE0eiBNMjA5LjExLDE5MC43NmMtMzUuMjUsMC02Ny45NC0xLjkxLTY3Ljk0LTEuOTFzODEuMjctNTYuOTMsMTQ5LjA5LTYxLjkzIGMzLjksMTcuMDksOSwzNy41NCwxMi4zLDYzLjQ4QzI2MC4yMywxODguNzQsMjIyLjAyLDE5MC43NiwyMDkuMTEsMTkwLjc2eiBNMzkxLjkxLDE4My43MmwwLjM4LDAuNDYgYy0xMy41OCw1Ljk3LTQzLjQxLDcuMzgtNzUuNTgsNi42NmMtMy4yLTI2LjI2LTguMjUtNDYuOTMtMTIuMjYtNjQuNjljMzAuMzMtMS4xNyw2Mi4wMy00LjE2LDg5LjYxLTEuNTkgQzQwMC43OCwxNDYuOTIsNDA0LjU4LDE3My4yLDM5MS45MSwxODMuNzJ6IE00MTMuMjcsMTcxLjA1YzIuMzgtMTQtMC4yMi0zMC40Mi00LjE1LTQ0Ljk0YzM4Ljg3LDQuNDIsNjYuMDksMTAuNzQsNjIuOTYsMTMuODggQzQ2Ny40LDE0NC42Niw0MzcuNTksMTU3LjAzLDQxMy4yNywxNzEuMDV6IE00NjYuMjIsMzQwLjE0Yy0yMC40MSwwLTM2Ljk2LTE2LjU1LTM2Ljk2LTM2Ljk2YzAtMjAuNDEsMTYuNTUtMzYuOTYsMzYuOTYtMzYuOTYgYzIwLjQxLDAsMzYuOTYsMTYuNTUsMzYuOTYsMzYuOTZDNTAzLjE4LDMyMy41OSw0ODYuNjMsMzQwLjE0LDQ2Ni4yMiwzNDAuMTR6Ii8+PC9nPjwvc3ZnPg==");
			}

	/* ============ */
	/* ■ヘッダ領域 */
	/* ============ */
	.pageHeader {
		display: block;
		margin: 0 0 1rem 0;
		padding: 2rem 1.5rem 1.5rem;
		background: #fffff8;
		border-bottom: 8px solid black;
	}
		.headerComplex {
			display: flex;
			align-items:center;
			justify-content:center;
			max-width: 1140px;
			margin: 0 auto;
		}

			/* ……………… */
			/* ▼左肩ロゴ枠 */
			/* ……………… */
			.headerTitle {
				margin: 0;
				line-height: 1;
				width: fit-content;
			}
				.headerTitle a {
					display: inline-block;
				}
					.headerLogo {
						width: 256px;
						height: auto;
					}

			/* ……………………………………… */
			/* ▼グローバルメニュー枠(PCのみ) */
			/* ……………………………………… */
			.headerMenuLine {
				flex-grow: 1;
			}
				.headerMenu {
					display: flex;
					align-items:center;
					justify-content:end;
					gap: 0;
					margin: 0;
					padding: 0;
					list-style-type: none;
					font-weight: 500;
					font-size: 1.25rem;
				}
					.headerMenu li:not(:first-child)::before {
						content: '／';
					}

	/* ================== */
	/* ■連載MVヘッダ領域 */
	/* ================== */
	.headerMV {
		display: none;	/* リソースの読み込み中に画面がバタバタするのを防ぐため初期状態では非表示にし、JavaScript側で解除する */
	}

		.headerMV * {
			margin: 0;
			padding: 0;
		}
		.sliderMV {
			width: 100%;
			margin: 0 auto 80px;
		}
		.sliderMV .slick-slide{
			margin: 5px;
		}
		.slick-slide img {
			width: 100%;
			height: auto;
		}
	/* /.headerMV */

	/* ========== */
	/* ■本文領域 */
	/* ========== */
	main {
	}
		/* ボタンラベル微調整 */
		.labelInformation { letter-spacing: -2px; }
		.labelChuubuNow { }

		/* …………………… */
		/* ▼タグライン区画 */
		/* …………………… */
		.taglineBox {
			margin: 6em auto 0;
			padding: 0 1rem;
			width: fit-content;
		}
			.tagline {
				font-weight: 600;
				font-size: 1.25rem;
			}

		/* ………………… */
		/* ▼最新記事区画 */
		/* ………………… */
		.newArticleArea {
			margin: 6rem 0;
			padding: 0 1rem;
		}
			.newArticlesCover {
				margin: 3rem 0;
				display:flex;
				align-items:stretch;;
				justify-content:center;
				gap: 2.5em 1.5em;
				flex-wrap: wrap;
			}

				/* --------------- */
				/* ▼新着記事1件枠 */
				/* --------------- */
				.oneNewArticle {
					flex: 1;
					max-width: 375px;
					min-width: 375px;
					/* border: 1px solid #ccc; */
					border-width: 1px 0 0 1px;
					border-color: #f5f5f5;
					border-style: solid;
					box-shadow: 3px 3px 3px #888;
				}

					/* ‥‥‥‥‥‥‥‥‥‥‥ */
					/* ▽てがろぐ合成出力部分 */
					/* ‥‥‥‥‥‥‥‥‥‥‥ */
					.topArticleBox {
						display: flex;
						flex-direction: column;
						text-decoration: none;
					}
						.topArticleImage {
							margin: 0;
							padding: 0;
						}
							.topArticleImage img {
								width: 100%;
								max-width: 375px;
								height: auto;
							}
						.topArticleSummary {
							margin: 0;
							padding: 0.75rem 1rem;
							line-height: 1.15;
						}
							.topArticleVol {
								margin: 0;
								font-size: 1.33rem;
								min-height: 1.15em;		/* 中身がない場合でも1行分を占有させる(※値はline-heightに合わせる) */
							}
							.topArticleTitle {
								margin: 0.5rem 0;
								font-family: var(--swrb-fontset);
								font-weight: normal;
								font-size: 1.33rem;
								min-height: 2.3em;		/* 中身がない場合でも2行分を占有させる(※値はline-heightの2倍に合わせる) */

								display: -webkit-box;			/* -webkit-line-clampを使うために必要な記述1 ※A */
								-webkit-box-orient: vertical;	/* -webkit-line-clampを使うために必要な記述2 ※A */
								overflow: hidden;				/* 表示量を制限する場合に必須の記述 */
								line-clamp: 2;				/* 2行だけ見せる  */
								-webkit-line-clamp: 2;		/* 2行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
								text-overflow: ellipsis;	/* 省略記号(三点リーダー) */
							}
								.topArticleTitle .decoration1 {
									display: inline;
								}
							.topArticleDate {
							}
							.topArticleExtract {
								margin: 1rem 0;
								font-size: 1.05rem;
								line-height: 1.25;

								display: -webkit-box;			/* -webkit-line-clampを使うために必要な記述1 ※A */
								-webkit-box-orient: vertical;	/* -webkit-line-clampを使うために必要な記述2 ※A */
								overflow: hidden;				/* 表示量を制限する場合に必須の記述 */
								line-clamp: 3;				/* 3行だけ見せる  */
								-webkit-line-clamp: 3;		/* 3行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
								text-overflow: ellipsis;	/* 省略記号(三点リーダー) */
							}
								/* HOME掲載の本文冒頭内に見出しがあっても通常のテキストとして処理する */
								.topArticleExtract h4.decorationE {
									font-weight: normal;
									font-size: 1em;
									margin: 0;
									display: inline;
								}
								.topArticleExtract h4.decorationE::before { content:''; }

		/* …………………… */
		/* ▼パンくずリスト */
		/* …………………… */
		.pankuzuBox {
			margin: 0 auto;
			max-width: var(--subcontent-max-width);
			padding: 0 1rem;
		}
			.pankuzuList {
				font-size: 0.8rem;
				margin: 0;
				padding: 0;
				list-style-type: none;
				letter-spacing: 0;
			}
				.pankuzuList li {
					display: inline-block;
				}
				.pankuzuList li:not(:first-child)::before {
					content: '>';
					display: inline-block;
					margin: 0 0.5rem;
				}
				.pankuzuList li:empty {
					display: none;
				}

		/* ==================== */
		/* ■DeepPage：本文領域 */
		/* ==================== */
		.deepPage main {
		}
		.theContent {
			margin: 0 auto;
			padding: 0;
		}

			/* …………………………… */
			/* ▼てがろぐ生成記事領域 */
			/* …………………………… */

				/* 入力者作業用 */
				.situation-postno {
					display: block;
					text-align: center;
					background-color: navy;
					color: white;
					font-weight: bold;
					font-size: 1.5rem;
					width: fit-content;
					max-width: 90vw;
					margin: 1em auto;
					padding: 0.5em;
					border-radius: 0.5em;
					outline: 1px solid skyblue;
					outline-offset: 3px;
				}
				.situation-postno::after {
					content: '（このページは現在、投稿者本人だけにしか見えない設定になっています。）';
					display: block;
					font-size: 0.9rem;
				}

				/* エラー表示：「指定された投稿は存在しません」等 */
				.nodata {
					margin: 1rem auto;
					width: fit-content;
					text-align: center;
					border: 1px solid crimson;
					border-radius: 1em;
					padding: 1rem 1.5rem;
				}

				/* ……… */
				/* ▼扉絵 */
				/* ……… */
				.frontispieceBox {
					margin: 3rem 0;
					padding: 0;
				}
					.frontispieceLink {
						display: block;
						margin: 0 auto;
						width: fit-content;
					}
						.frontispieceLink img {
							display: block;
							margin: auto;
							width: 100%;
							max-width: var(--article-max-width);
							height: auto;
						}

				/* ……………… */
				/* ▼シネマ扉絵 */
				/* ……………… */
				.cinemaHeadBox {
					max-width: 1080px;
					width: 100%;
					margin: 3rem auto;
					position: relative;
				}
					.cinemaHeadFilm { }
						.cinemaHeadFilm img {
							width: 100%;
							height: auto;
						}
					.cinemaHeadTitle {
						position: absolute;
						bottom: 16.5%;
						right: 1.5%;
						color: white;
						font-size: 3.8rem;
					}
				

				.situation {
					max-width: var(--subcontent-max-width);
					margin: auto;
					padding: 0 1em;
				}
				.situation:empty { display: none; }

				/* ……………… */
				/* ▼記事／一覧 */
				/* ……………… */
				.theArticleCover {
					margin: 0;
					padding: 0 1rem;
				}

					.cornerCinema .theArticleCover {
						padding: 0;
					}

					/* 一覧表示 */
					.articleList {
						margin: 5rem auto;
						max-width: fit-content;
						list-style-type: none;
						padding: 0;
					}
						.oneArticleItem {
							margin: 0 0 1.5rem 0;
							max-width: var(--subcontent-max-width);
						}
							.onePermaLink {
								display: inline-block;
							}
								.onePermaLink span {
									display: inline-block;
								}
								.onePublishDate {
									min-width: 6.5em;
								}
								.oneVolumeNumber {
									min-width: 4em;
									font-size: 1.25rem;
								}
								.oneVolumeNumber:empty {
									display: none;
								}
								.oneArticleTitle {
									font-size: 1.25rem;
								}
									.oneArticleTitle .decoration1 +  .decoration1 {
										margin-left: 1em;
									}

									/* ---------------- */
									/* てがろぐ特殊装飾 */
									/* ---------------- */
									.decoration1 {
										display: block;
									}

					/* 記事表示 */
					.oneArticleShow  { }

						.articleHead {
							text-align: center;
							margin: 3rem 0;
						}
							#OneVolumeNumber {
								font-size: 1.3125rem;
							}
							#OneArticleTitle {
								font-family: var(--swrb-fontset);
								font-weight: normal;
								font-size: 1.875rem;
								margin: 1.5rem 0 1.125rem;
							}
							#OnePublishDate {
								font-size: 1rem;
							}

							/* 個別連載用の追加装飾 */
							.articleSemiTitle {
								font-size: 1.67rem;
							}
							.articleAuthorHead {
								font-size: 1.125rem;
							}

							#IntervieweeName {
								font-size: 1.3125rem;
							}
							#IntervieweePersonality {
								font-size: 1.05rem;
								max-width: var(--article-max-width);
								margin: 2rem auto 2rem;
								text-align: left;
							}
								#IntervieweePersonality .decoration1:first-child {
									text-align: center;
									margin: 0 0 0.5rem 0;
								}

						/* 記事リード文 */
						.articleLead {
							font-size: 1.125rem;
							max-width: var(--article-max-width);
							margin: 0 auto 1.5rem;
							padding: 0.5rem;
							border: 1px solid gray;
							box-sizing: border-box;
						}

						/* 記事本文 */
						.articleBody {
							font-size: 1.125rem;
							max-width: var(--article-max-width);
							margin: auto;
							line-height: 1.75;
						}
							/* ------------ */
							/* てがろぐ装飾 */
							/* ------------ */
							/* Defaults */
							.decorationB { font-weight: bold; }
							.decorationI { font-style: italic; }
							.decorationU { text-decoration: underline crimson double; }
							.decorationD { color: #888; text-decoration-line: line-through; text-decoration-color: red; }
							.decorationS { font-size: 0.9em; }

							/* E:小見出し */
							h4.decorationE {
								font-weight: 500;
								font-size: 1em;
								margin: 0.5em 0 0 0;
							}
							h4.decorationE::before {
								content: '■';
								display: inline-block;
								margin-right:0.95em;
							}
							h4.decorationE +  br {
								display: none;
							}
							/* L:リスト */
							.decorationL {
								margin: 1em 0;
								padding: 0 0 0 2em;
							}
							.decorationL + br {
								display: none;
							}
							/* T:脚注 */
							.decorationT {
								display: block;
								font-size: 0.9em;
								text-align: right;
							}
							.decorationT + br {
								display: none;
							}
							/* Q:小枠 */
							.decorationQ {
								display: block;
								border: 1px solid #ccc;
								border-radius: 0.125em;
								margin: 1em 0;
								padding: 1em;
							}
							.decorationQ + br {
								display: none;
							}

						/* 印刷用PDF */
						.printPDFLink {
							margin-top: 2.5rem;
						}

						/* 著者紹介枠 */
						.authorBox {
							display:flex;
							align-items:start;
							justify-content:center;
							gap: 2rem;
							border: 1px solid #cccccc;
							max-width: var(--article-max-width);
							margin: 5rem auto 3rem;
							padding:1.5rem;
						}
							.authorPhotoColumn { }
								.authorPhotoColumn img {
									max-width: 210px;
									height: auto;
									display: block;
									margin: auto;
								}
							.authorIntroductionColumn { }
								.authorName { }
								.authorProfile {
									margin: 1rem 0 0 0;
								}

						/* FLASH */
						.flashConerTitle {
							font-family: var(--swrb-fontset);
							font-weight: normal;
							font-size: 1.875rem;
						}

						/* 愛知県中小企業同友会の元気印 */
						.genkiTitle {
							font-family: var(--swrb-fontset);
							font-weight: normal;
							font-size: 1.875rem;
							margin: 1.5rem 0 1.125rem;
						}
						.genkiPhotoBox { }
							.genkiPhotoBox .embeddedpictbox img {
								border-radius: 50%;
							}
						.genkiCaption {
							font-size: 1.125rem;
						}

						.genkiArticleBody {
							border-top: 1px solid #ccc;
							padding-top: 2.5rem;
						}

						/* 愛知県中小企業同友会だより合成枠 */
						#DayoriContainer {
							margin: 3rem 0 0 0;
						}
							/* -------------------------------- */
							/* 愛知県中小企業同友会だより合成用 */
							/* -------------------------------- */
							.daroyiCombineCover { }
								.dayoriCombineHead {
									display:flex;
									align-items:center;
									justify-content:center;
									gap: 0;
									max-width: var(--article-max-width);
									margin: 0 auto;
									padding: 0.25em 0;
									background: linear-gradient(to right, #eea849, #f46b45);
								}
									.dayoriCombineTitle {
										flex: 1;
										min-width: 60%;
									}
										.dayoriCombineTitle img {
											display: block;
											margin-left: 4rem;
										}
									.dayoriCombineAddress {
										flex: 1;
										min-width: 40%;
									}
										.dayoriCombineContactHead {}

										.d-name { }
										.d-contact {
											margin: 1em 0 0 0;
											line-height: 1.2;
										}
											.d-zip { }
											.d-address { }
											.d-tel { }
											.d-web { }

								.dayoriCombineBody {
									max-width: var(--article-max-width);
									margin: 0 auto;
									font-size: 1.125rem;
								}

									.embedDayori { }
									.embedDayori + .embedDayori { margin-top: 2rem; border-top: 1px solid #ccc; padding-top: 1rem; }
										.dayoriBox {
										}
											.dayoriTitle {
												margin: 1em 0 0;
											}
											.dayoriDate { }
											.dayoriBody {
												display:flex;
												align-items:start;
												justify-content:center;
												gap: 1.5rem;
											}
												.dayoriMain {
													text-align: justify;
												}
												.dayoriSub {
													min-width: 40%;
												}
													.dayoriImage { }
														.dayoriImage .embeddedpictbox {
															margin: 0;
														}

						/* シネマ街 */
						.cinemaCover {
							max-width: var(--article-max-width);
							margin: auto;
							font-size: 1.125rem;
						}
							.oneCinemaBox {
								margin: 5rem 0 8rem;
							}
								.cinemaImage {
									text-align: center;
								}
								.cinemaTitle {
									text-align: center;
									font-weight: normal;
									font-size: 1.875rem;
									margin: 3.5rem auto;
									padding: 0 0 3.5rem 0;
									border-bottom: 1px solid #ccc;
									width: 90%;
								}
								.cinemaBody { }

						/* 講演会 */
						.seminarHeadBox {
							text-align: center;
						}
							.seminarHeadTitle {
								font-size: 1.875rem;
								margin-bottom: 1.5em;
							}
							.seminarHeadGuide {
								font-size: 1.3125rem;
							}

						.cornerSeminar .situation { display:none; }
						.cornerSeminar .pagehome { display:none; }
						.cornerSeminar .theArticleCover {
							padding-left:0; padding-right:0;
							background-color: #b6c9d6;
						}

						.seminarCover {
							max-width: var(--article-max-width);
							margin: auto;
							padding: 5rem 0;
							display:flex;
							align-items:stretch;
							justify-content:center;
							flex-wrap: wrap;
							gap: 2.5rem;
						}

							/* 講演会講師枠 */
							.onePersonBox {
								background-color: #e8ede7;
								width: 250px;
								text-align: center;
								padding: 1rem 0 1.33rem;
							}
								.seminarYear {
									font-size: 2rem;
									line-height: 1;
									margin: 0 0 1rem 0;
									color: #3760d3;
								}
								.personTitle {
									font-size: 1rem;
									font-weight: 500;
									line-height: 1;
									margin: 0 0 0.5rem 0;
								}
									.personTitle small {
										letter-spacing: -1px;
									}
									.personTitle .decoration2 {
										display: inline-block;
									}
								.personName {
									font-size: 1.25rem;
									line-height: 1;
									margin: 0;
								}
								.personPhotoBox {
									margin: 1rem 0;
								}
									.personPhotoBox .embeddedpictbox {
										margin: 0 auto;
									}
										.personPhotoBox .embeddedimage {
											max-width: 150px;
											width: auto;
											height: 150px;
											border: 5px solid #3760d3;
											border-radius: 50%;
											object-fit: cover;
										}
										.personPhotoBox figcaption {
											font-size: 0.75rem;
											line-height: 1;
										}
							

				/* ……………… */
				/* ▼ページナビ */
				/* ……………… */
				.pagenavi { }
					.pagelinks {
						display:flex;
						align-items:center;
						justify-content:center;
						gap: 1rem;
						width: fit-content;
						margin: 3rem auto;
					}
						.prevlink { }
						.linkseparator { }
						.nextlink { }

					.pagehome {
						width: fit-content;
						margin: auto;
					}

				/* onelogではナビを非表示にする */
				body.onelog .pagenavi {
					display: none;
				}

			/* ………………………… */
			/* ▼私たちについて区画 */
			/* ………………………… */
			.aboutArea { }
				.aboutListCover {
					padding: 0 1rem;
				}

					.companyProfile {
						border-collapse: collapse;
						max-width: var(--thin-content-width);
						margin: 3rem auto;
					}
						.companyProfile tr {
							border-bottom: 1px dotted gray;
						}
						.companyProfile th {
							text-align: left;
							padding: 1.2rem 1rem 1rem;
							white-space: nowrap;
						}
						.companyProfile td {
							text-align: left;
							padding: 1.2rem 1rem 1rem;
						}
							.chiefTitle {
								display: inline-block;
								width: 7em;
								text-align: justify;
								text-align-last: justify;
								margin-right: 1.75rem;
							}

			/* ………………………… */
			/* ▼横ぶち抜き地図区画 */
			/* ………………………… */
			.buchiMapArea {
				margin: -2rem 0 0 0;
			}
				.buchiMapArea iframe {
					width: 100%;
					height: 300px;
				}

			/* ……………………… */
			/* ▼お問い合わせ領域 */
			/* ……………………… */
			.contactFormArea {
				margin: 1rem 0;
			}
				.contactBody {
				}
					.contactform {
						max-width: 1000px;
						width: fit-content;
						margin: 3rem auto 0;
						padding: 1rem;
					}

						/* ▼PHP生成領域 */
						#messageform {
							color: var(--base-green);
						}
							/* 入力エラー報告枠 */
							.inputerrors { }

							/* 必須アイコン */
							.required-sign img {
								vertical-align: -3px;
								margin-left: 0.5rem;
								margin-right: 3px;
							}

							/* 入力テーブル */
							.contacttable { }
							.contacttable th {
								font-weight: normal;
								color: #666;
							}
								/* 冒頭ガイド */
								.requireGuide {
									margin: 0 0 3rem 0;
								}

								/* 見出し段・入力段共通 */
								.itemLabel,
								.inputColumn {
									padding: 0 0 1rem 0;
								}

								/* 見出し段 */
								.itemLabel {
									white-space: nowrap;
									text-align: left;
								}
									.itemLabel label {
										display: inline-block;
									}

								/* 見出し段の上端配置 */
								.itemLabel.placeTop {
									vertical-align: top;
								}

								/* 入力段 */
								.inputColumn {
									vertical-align: top;
								}

									/* 入力欄の多段組 */
									.inputSetBox {
										display: flex;
										line-height: 1.125;
										gap: 1rem;
									}
										.inputSetOne {
										}
											.inputSetOne u {
												text-decoration: none;
												font-size: 0.85rem;
												display: inline-block;
												color: #666;
											}

									/* テキスト入力欄共通 */
									#messageform input[type="text"],
									#messageform input[type="tel"],
									#messageform input[type="email"],
									#messageform textarea {
										border: 2px solid #ccc;
										font-size: 16px;
										padding: 0.25em;
										width: 100%;
										color: black;
										box-sizing: border-box;
										border-radius: 0.33em;
									}
									#messageform textarea::placeholder {
										color: #ccc;
									}

										.freetext { }
											.freetext.inputName { max-width: 8rem; }
											.freetext.zipnumber	{ max-width: 8rem; }
											.freetext.telnumber { max-width: 16rem; }
											.freetext.mailinput { max-width: 24rem; }
											.inputYMDBox {
												align-items: end;
											}
											.freetext#year  { max-width: 4.5rem; }
											.freetext#month { max-width: 3.5rem; }
											.freetext#date  { max-width: 3.5rem; }
										.freeinputbox {  }

									/* セレクトボックス */
									#messageform select {
										font-size: 16px;
										padding: 0.125em;
									}

									/* ラジオボタン・チェックボックス群枠 */
									.itemSelectArea {
										font-size: 16px;
										width: 100%;
										color: black;
									}
										.selectOptions i {
											margin-left: 0.175rem;
										}

								/* フォームボタン */
								.formbuttons {
									padding: 1.75rem 0;
									text-align: center;
								}
									/* 送信ボタン */
									.confirmbutton {
										border: 1px solid black;
										background-color: black;
										border-radius: 1rem;
										color: white;
										text-align: center;
										padding: 0.75rem;
										font-size: 1.125rem;
										min-width: 270px;
									}
									.confirmbutton:hover {
										background-color: gray;
									}

									/* 戻るボタン */
									.confirmbutton.backbutton {
										background-color: white;
										color: black;
									}
									.confirmbutton.backbutton:hover {
										background-color: #ccc;
									}

									/* 戻るボタンと送信ボタンが並んでいる場合 */
									.backorsend {
										margin: 1rem auto;
										max-width: 540px;
									}
									.backorsend .confirmbutton {
										width: 45%;
										min-width: auto;
									}

							/* 入力内容チェックテーブル */
							.checktable {
								border-collapse: collapse;
								border: 2px solid var(--base-green);
								margin: 1.5rem auto;
							}
								.checktable th,
								.checktable td {
									border: 1px solid var(--base-green);
									padding: 0.25rem;
									line-height: 1.25;
								}
								.checktable thead th {
									background-color: var(--green-list-head-color);
									color: white;
								}
									.checkitem {
										display: block;
									}


	/* ============== */
	/* ■副フッタ領域 */
	/* ============== */
	.subFooter { }

		/* …………………………… */
		/* ▼連載コーナー一覧区画 */
		/* …………………………… */
		.serialsList {
			margin: 6rem 0;
		}

			.serialsBannerList {
				display:flex;
				align-items:center;
				justify-content:center;
				flex-wrap: wrap;
				gap: 2rem;
				max-width: var(--subcontent-max-width);
				margin: 0 auto;
				padding: 0;
				list-style-type: none;
			}
				.serialsBannerList a {
					display: block;
				}
					.serialsBannerList img {
						width: 350px;
						height: auto;
						display: block;
					}

		/* ……………………………………… */
		/* ▼スポンサーループ区画 (slick) */
		/* ……………………………………… */
		.footerSL {
			margin: 6rem 0 0;
			padding: 2rem 0 1px;
			border-top: 3px double orange;
/*			border-bottom: 3px double orange;	*/
		}

			.sliderSLCover { }
				.sliderSL { }

					.sliderSL .slick-slide {
					}
						.sliderSL .slick-slide a {
							display: block;
							padding: 0.5rem;
							border: 1px solid orange;
							margin: 0 0.5rem;
						}

						.sliderSL .slick-dots {
							border-top: 3px double orange;
							position: static;
							margin-top: 30px;
							margin-bottom: 40px;
							padding-top: 16px;
						}

				.sliderSL .slick-slide img {
					width: 330px;
					height: auto;
				}

		/* …………………………… */
		/* ▼スポンサーループ区画 */
		/* …………………………… */
		.loopSlideshow {
			margin: 6rem 0;
			padding: 2rem 0;
			border-top: 3px double orange;
			border-bottom: 3px double orange;
		}
			.loop { }
				.loopSlider { }
					#LoopSliderItems { }

						.spnsrBox {
							margin: 0;
							padding: 0;
						}
							.spnsrBox a {
								display: block;
								padding: 0.5rem;
								border: 1px solid orange;
							}
								.spnsrBox a img {
									display: block;
								}

	/* ============== */
	/* ■主フッタ領域 */
	/* ============== */
	.pageFooter {
		margin: 0;
		padding: 0;
		background-color: var( --footer-backcolor );
		color: var( --footer-frontcolor );
	}
		/* フッタ内共通装飾 */
		.pageFooter a {
			color: #fff;
		}

		/* ---------- */
		/* フッタ上側 */
		/* ---------- */
		.footerUpper{
			display:flex;
			align-items: stretch;
			justify-content: center;
			gap: 5rem;
			max-width: 850px;
			margin: 0 auto;
			padding: 5rem 0;
			text-align: center;
		}

			/* ……………………… */
			/* ▼お問い合わせ区画 */
			/* ……………………… */
			.footerContact {
				margin: 0;
				flex: 1;
			}
				.footerTitle {
					margin: 0 0 2.125rem 0;
					font-size: 2.4rem;
					line-height: 1;
				}
				.contactGuide {
					font-size: 1.33rem;
					text-align: left;
				}
				.footerTelBox {
					margin: 1.5rem 0 0 0;
				}
					.footerTelBox svg {
						width: 56px;
						height: auto;
					}
					.tel {
						font-size: 2.75rem;
					}

			/* PC用セパレータ */
			.footerSeparator { }
				.separateBar {
					display: block;
					background-color: gray;
					width: 2px;
					height: 220px;
				}

			/* ………………… */
			/* ▼会社情報区画 */
			/* ………………… */
			.footerCompany {
				margin: 0;
				flex: 1;
			}
				.footerLogo {
					margin: 0 0 2rem 0;
				}
					.footerLogo a { display:block; }
						.complexLogo {
							display:block;
							width: 125px;
							height: auto;
							margin: auto;
						}
				.footerCompanyName {
					font-size: 1.5rem;
					margin: 1rem 0 0.75rem 0;
				}
				.comapnyAddress {
					font-weight: 500;
				}
					.zip { }
					.address {
						font-size: 1.125rem;
						line-height: 1.25;
					}
					.contactWays {
						list-style-type: none;
						margin: 1rem 0;
						padding: 0;
						font-size: 1.125rem;
						line-height: 1.25;
					}
						.contactWays a:hover {
							color: gray;
							opacity: 1;
						}

		/* ---------- */
		/* フッタ下側 */
		/* ---------- */
		.footerLower{
			margin: 0;
			padding: 0 1rem 6rem 1rem;
		}

			/* ……………………… */
			/* ▼無断転載禁止区画 */
			/* ……………………… */
			.reproductionProhibited {
				max-width: 100%;
				width: 930px;
				margin: 3rem auto;
			}
				.reproductionProhibited p {
					margin: 0;
				}
				.reproductionProhibited p + p {
					margin-top: 0.5rem;
				}

			/* ……………………… */
			/* ▼サイトマップ区画 */
			/* ……………………… */
			.footerSitemap {
				margin: 0 auto;
				display:flex;
				align-items:start;
				justify-content:center;
				flex-wrap: wrap;
				gap: 1rem 2rem;
			}
				.footerSitemap ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
					.footerSitemap li {
						margin: 0 0 0.5rem 0;
					}
						.footerSitemap a {
						}

	/* ============================ */
	/* ■(モバイル下端)固定ボタン枠 */
	/* ============================ */
	.bottomFixedMenuBtnBox {
		display: none;		/* モバイルのみ */
	}

	/* =================================== */
	/* ■ドロワーメニュー(PC/モバイル兼用) */
	/* =================================== */
	.hamburgerSet {}

		/* ▼ドロワーボタンの表示と動作 */
		.drawerMenu .drawerBg {
			width: 100%;
			height: 100%;
			position: fixed;
			z-index: 999;
			background-color: rgba(255, 255, 255, 0.75);		/* ドロワーが開いているときにページ全体にかぶせる覆い */
			display: none;
			top: 0;
			left: 0;
		}
		.drawerMenu .drawerBtn {
			display: block;
			background: none;
			border: none;
			width: 31px;
			height: 31px;
			letter-spacing: 0.1em;
			cursor: pointer;
			position: fixed;
			top: 24px;		/* ボタンの配置(上) */
			right: 18px;		/* ボタンの配置(右) */
			z-index: 1001;
			text-align: center;
			outline: none;
			border-radius: 50px;
			background-color: var(--hamburger-button-color);	/* 3本線枠の背景色 */
			padding: 10px 15px 20px 15px;						/* 3本線周囲の余白量：上下と左右で合計サイズを合わせると正円になる */
			box-sizing: content-box;
		}
		/* ▽ドロワーが開いている状態でのドロワーボタン */
		.drawerMenu .drawerBtn.active {
			padding: 10px 10px 20px 20px;		/* クロスする場合の3本線周囲の余白量 */
			background-color: var(--hamburger-button-color);
		}
		.drawerMenu .drawerBtn.active .drawerBar {	width: 23px; transform-origin: left center; }	/* 3本線がクロスする場合の長さ */
		.drawerMenu .drawerBtn.active .drawerBar1 {	transform: rotate(45deg); }
		.drawerMenu .drawerBtn.active .drawerBar2 {	opacity: 0;	}
		.drawerMenu .drawerBtn.active .drawerBar3 {	transform: rotate(-45deg); }
		.drawerMenu .drawerBtn.active .drawerLabelMenu {	display: none;	}
		.drawerMenu .drawerBtn.active .drawerLabelClose {	display: block;	}
		.drawerMenu .drawerBar {
			display: block;
			height: 3px;			/* 3本線の太さ */
			margin: 5px 2px;		/* 3本線の「上下間隔」と「横の長さ」 */
			transition: all 0.2s;
			transform-origin: 0 0;
		}

		/* ▼ドロワーボタンの色 */
		.drawerMenu .drawerBtn { color: var(--hamburger-label-textcolor); } /* 3本線下部のラベル文字色 */
		.drawerMenu .drawerBtn .drawerBar { background-color: var(--hamburger-bar-open-color); } 			/* 3本線の色:平時 */
		.drawerMenu .drawerBtn.active .drawerBar { background-color: var(--hamburger-bar-close-color); }	/* 3本線の色:開時 */

		/* ▼ドロワーボタン下のラベル */
		.drawerMenu .drawerText {
			text-align: center;
			font-size: 10px;
		}
		.drawerMenu .drawerLabelClose {
			letter-spacing: 0;
			display: none;
			margin-left: -10px;
		}
		.drawerMenu .drawerLabelMenu {
			display: block;
		}

		/* ▼ドロワーメニュー本体(ラッパー) */
		.drawerMenu .drawerNaviWrapper {
			background-color: var(--drawer-backcolor);		/* 重なるメニューの背景色 */
			width: 310px;									/* 重なるメニューの横幅(※変更する場合はtransformの値も変える：＋12pxくらいの値に) */
			height: 100%;
			transition: all 0.2s;
			transform: translate(322px, 0);				/* 初期状態では、画面外に移動させておく： (0, -100%) なら上から下へ現れる */
			position: fixed;
			top: 0;
			right: 0;
			z-index: 1000;	/* 最前面表示 */
		}
		.drawerMenu .drawerNaviWrapper.open {
			transform: translate(0);					/* openクラスが付加されたら、元の位置に戻す */
		}

		/* ドロワーメニュー本体のスクロールベース */
		.drawerScrollBase {
			max-height: 100%;
			overflow: auto;
			box-sizing: border-box;
		}

		/* ▼ドロワーメニュー本体 */
		.drawerMenu .drawerNaviList {
			margin: 0;
			padding: 0;
			list-style: none;
			padding: 16px 6px 150px;				/* メニューの動的な表示開始位置を調整する際は、padding-topの値を変更する。スクロールのために下端に余分に空間を確保する。 */
		}
			.subDrawerNaviList {
				padding-left: 20px;
			}

		/* ▼ドロワーメニュー(リンク)項目 */
		.drawerMenu .drawerLink {
			color: inherit;
			text-decoration: none;
			display: block;
			margin: 5px 0;	/* 項目の上下間隔 */
			padding: 6px 18px;
			border-radius: 0.5em;
			font-weight: 500;
		}
		.drawerMenu .drawerLink:hover {
			opacity:0.5;
		}

		/* ▼ドロワーメニュー項目：アイコンリンク */
		.drawerMenu .iconLinkItems {
			text-align: left;
			margin: 50px 0 0 18px;
		}
			.iconLinkList {
				list-style-type: none;
				margin: 0;
				padding: 0;
				display: flex;
				gap: 20px;
				align-items:center;
				justify-content:start;
				width: fit-content;
			}
				.iconLinkItems img {
					display: block;
					height: 42px;
					width: auto;
				}

		/* ▼ドロワーメニュー項目：長ボタンリンク */
		.wideBtnLinkItems {
			margin: 2.5rem 0;
			padding: 0 1rem;
			text-align: center;
		}
			.wideBtnLinkItems a.btn {
				display: block;
				margin: 0;
				padding: 0.9rem 1.5rem;
				border-radius: 1.35rem;
				box-sizing: border-box;
				text-align: center;
				font-size: 1rem;
				max-width: 100%;
				width: 100%;
				min-width: auto;
			}
				.wideBtnLinkItems a .iconInBtn {
					margin-right: 0.75em;
				}

		/* ▼ドロワーメニュー内部上端のロゴ */
		.logoOnMenu {
			margin: 0;
			padding: 30px 8px 28px 20px;

			background-color: white;
			border-bottom: 8px solid black;
		}
			.drawerMenu .logoOnMenu a {
				display: flex;
				align-items:center;
				justify-content:flex-start;

				background-color: white;
			}
				.drawerMenu .logoOnMenu a {
					margin: 0;
					padding: 0;
				}
				.drawerMenu .logoOnMenu .drawerUsagi {
					width: auto;
					height: 50px;
				}
				.drawerMenu .logoOnMenu .drawerLogo {
					width: 150px;
					height: auto;
				}
			.drawerMenu .logoOnMenu a:hover {
				/* 反転表示を適用せず、半透明にする */
				opacity: 0.5;
				background-color: transparent;
			}
			.drawerMenu .logoOnMenu img {
				width: 100px;
				height: auto;
			}

		/* 状況に応じた表示の切り替え（ドロワーメニュー専用）※適用優先度の関係で、共通装飾として以外に、ここにも同じ内容を記述しておく必要がある。 */
		.drawerMenu a.top-only { display: none;  }
		.drawerMenu a.not-top  { display: block; }
		.homePage .drawerMenu a.top-only { display: block; }
		.homePage .drawerMenu a.not-top  { display: none;  }


/* ==================================== */
/* ■PC・タブレットサイズ以上用スタイル */
/* ==================================== */
@media screen and (min-width:941px) {

	.sp-only,
	.tab-only,
	.mobile-only {
		display: none !important;
	}

}
/* ================================ */
/* ■タブレットサイズのみ用スタイル */
/* ================================ */
@media screen and (max-width:940px) and (min-width:451px) {

	.sp-only,
	.pc-only {
		display: none !important;
	}


	/* ============== */
	/* ■主フッタ領域 */
	/* ============== */
		/* ---------- */
		/* フッタ下側 */
		/* ---------- */
			/* ……………………… */
			/* ▼サイトマップ区画 */
			/* ……………………… */
			.footerSitemap {
				margin: 0 auto;
				max-width: 540px;
				display: grid;
				grid-template-columns: 50% 50%;
				grid-template-rows: auto auto;
				grid-template-areas:
					"list1 list3"
					"list2 list4";
				gap: 0 2rem;
			}
				.footerSitemap .fs1 {	grid-area: list1;	}
				.footerSitemap .fs2 {	grid-area: list2;	}
				.footerSitemap .fs3 {	grid-area: list3;	}
				.footerSitemap .fs4 {	grid-area: list4;	}

	/* ========== */
	/* ■本文領域 */
	/* ========== */
		/* ==================== */
		/* ■DeepPage：本文領域 */
		/* ==================== */
						/* シネマ街 */
								.cinemaBody {
									padding: 0 1rem;
								}

}

/* ====================================================== */
/* ■タブレットサイズ以下用スタイル（スマホサイズも含む） */
/* ====================================================== */
@media screen and (max-width:940px) {


	/* ============ */
	/* ■ヘッダ領域 */
	/* ============ */
	.pageHeader{
	}
		.headerComplex {
			justify-content:start;
		}

	/* ========== */
	/* ■本文領域 */
	/* ========== */
		/* ………………… */
		/* ▼最新記事区画 */
		/* ………………… */
				/* --------------- */
				/* ▼新着記事1件枠 */
				/* --------------- */
				.oneNewArticle {
					min-width: 350px;
					max-width: 350px;
				}

		/* ==================== */
		/* ■DeepPage：本文領域 */
		/* ==================== */

	/* ============== */
	/* ■副フッタ領域 */
	/* ============== */
		/* …………………………… */
		/* ▼連載コーナー一覧区画 */
		/* …………………………… */
		.serialsList {
			padding: 0 1rem;
		}
			.serialsBannerList {
				gap: 0.5rem;
			}
					.serialsBannerList img {
						width: calc( 50vw - 2rem - 0.5rem );
					}

	/* ============== */
	/* ■主フッタ領域 */
	/* ============== */
	.pageFooter {
	}

		/* ---------- */
		/* フッタ上側 */
		/* ---------- */
		.footerUpper{
			flex-direction: column;
			max-width: 350px;
			padding-left: 1rem;
			padding-right: 1rem;
		}

		/* ---------- */
		/* フッタ下側 */
		/* ---------- */
		.footerLower{
		}

			/* ……………………… */
			/* ▼無断転載禁止区画 */
			/* ……………………… */
			.reproductionProhibited {
				text-align: center;
				margin: 3rem 0 4rem;
			}
				.reproductionProhibited hr {
					width: 12.5em;
					border: 0 none;
					border-top: 1px solid white;
					margin-bottom: 3em;
				}

}

/* ====================================== */
/* ■スマートフォンサイズ用上書きスタイル */
/* ====================================== */
@media screen and (max-width:450px) {

	.pc-only,
	.tab-only,
	.wide-only {
		display: none !important;
	}

	/* ============ */
	/* ■ヘッダ領域 */
	/* ============ */
			/* ……………… */
			/* ▼左肩ロゴ枠 */
			/* ……………… */
					.headerLogo {
						width: 150px;
						height: auto;
					}

	/* ========== */
	/* ■本文領域 */
	/* ========== */
		/* ………………… */
		/* ▼最新記事区画 */
		/* ………………… */
		.newArticleArea {
			margin: 3.75rem 0;
			padding: 0 0.25rem;
		}
			.newArticlesCover {
				gap: 9px;
			}

				/* --------------- */
				/* ▼新着記事1件枠 */
				/* --------------- */
				.oneNewArticle {
					min-width: 178px;
					max-width: 178px;
					box-sizing: border-box;
				}
					/* ‥‥‥‥‥‥‥‥‥‥‥ */
					/* ▽てがろぐ合成出力部分 */
					/* ‥‥‥‥‥‥‥‥‥‥‥ */
						.topArticleSummary {
							padding: 0.25rem 0.5rem 0;
						}
							.topArticleVol {
								margin: 0;
								font-size: 1rem;
							}
							.topArticleTitle {
								margin: 0.5rem 0;
								font-size: 1.25rem;
								min-height: 3.45em;		/* 中身がない場合でも3行分を占有させる(※値はline-heightの3倍に合わせる) */

								line-clamp: 3;				/* 3行だけ見せる  */
								-webkit-line-clamp: 3;		/* 3行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
							}
							.topArticleDate {
								font-size: 0.8rem;
							}
							.topArticleExtract {
								font-size: 1rem;
								line-height: 1.25;

								line-clamp: 5;				/* 1行だけ見せる  */
								-webkit-line-clamp: 5;		/* 1行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
							}

		/* …………………… */
		/* ▼パンくずリスト */
		/* …………………… */
		.pankuzuBox {
			margin: 0.25rem 0;
			padding: 0 0 0 1rem;
		}
			.pankuzuList {
				font-size: 0.7rem;
			}

		/* ==================== */
		/* ■DeepPage：本文領域 */
		/* ==================== */
		.theContent {
			margin: 0 auto;
		}
				/* ……………… */
				/* ▼シネマ扉絵 */
				/* ……………… */
					.cinemaHeadTitle {
						bottom: 0;
						top: 12.5%;
						right: 0;
						left: 0;
						text-align: center;
						font-size: 2.75rem;
					}

			/* …………………………… */
			/* ▼てがろぐ生成記事領域 */
			/* …………………………… */
				/* ……………… */
				/* ▼記事／一覧 */
				/* ……………… */
						/* 著者紹介枠 */
						.authorBox {
							flex-direction: column;
							align-items:center;
							justify-content:center;
							gap: 1rem;
							border: 0px none;
							margin: 3rem auto;
							padding:0;
						}
						.authorBox::before {
							content: '●　●　●';
							display: block;
							text-align: center;
							color: #ccc;
						}

						/* 愛知県中小企業同友会の元気印 */
							/* -------------------------------- */
							/* 愛知県中小企業同友会だより合成用 */
							/* -------------------------------- */
										.dayoriCombineTitle img {
											margin: 0 auto;
											max-width: 100%;
											height: auto;
										}

											.dayoriBody {
												flex-direction: column;
												margin-bottom: 3rem;
											}

						/* シネマ街 */
								.cinemaTitle {
									margin: 3.5rem auto;
									padding: 0;
									border-bottom: 0 none;
									width: 100%;
								}
								.cinemaBody {
									padding: 0 1rem;
								}

						/* 講演会 */
						.seminarCover {
							justify-content:space-between;
							gap: 2.5rem 0;
						}
							/* 講演会講師枠 */
							.onePersonBox {
								width: 48vw;
							}

			/* ………………………… */
			/* ▼私たちについて区画 */
			/* ………………………… */
					.companyProfile {
						display: block;
					}
					.companyProfile tr,
					.companyProfile th,
					.companyProfile td {
						display: block;
					}
						.companyProfile th {
							padding: 1.2rem 0 0;
						}
						.companyProfile td {
							padding: 0.5rem 0 0.75rem;
						}

			/* ……………………… */
			/* ▼お問い合わせ領域 */
			/* ……………………… */
							/* 入力テーブル：テーブルは崩す */
							.contacttable { }
								.contacttable tr,
								.contacttable th,
								.contacttable td {
									display: block;
								}

								/* 冒頭ガイド */
								.requireGuide {
									margin-bottom: 1rem;
								}
									.requireGuide i {
										letter-spacing: -1px;
									}

								/* 見出し段 */
								.itemLabel {
									margin-top: 0.25rem;
									padding: 0;
								}

								/* 入力段 */
								.inputColumn {
									margin-top: 0.1rem;
								}

									/* 入力欄の多段組 */
									.inputSetBox {
									}

									/* ラジオボタン・チェックボックス群枠 */
									.itemSelectArea {
										padding-left: 0.25rem;
										line-height: 1.75;
									}

						/* 講演会 */
							/* 講演会講師枠 */
								.personTitle {
									font-size: 0.9rem;
								}
								.personName {
									font-size: 1.125rem;
								}

	/* ============== */
	/* ■副フッタ領域 */
	/* ============== */
		/* …………………………… */
		/* ▼連載コーナー一覧区画 */
		/* …………………………… */
		.serialsList {
			padding: 0;
		}
				.serialsBannerList {
					gap: 9px;
					box-sizing: border-box;
				}
					.serialsBannerList img {
						width: 178px;
					}

	/* ============== */
	/* ■主フッタ領域 */
	/* ============== */
		/* ---------- */
		/* フッタ上側 */
		/* ---------- */
		/* ---------- */
		/* フッタ下側 */
		/* ---------- */
		.footerLower{
			padding-left: 0;
			padding-right: 0;
		}

			/* ……………………… */
			/* ▼無断転載禁止区画 */
			/* ……………………… */
			.reproductionProhibited {
				font-size: 0.95rem;
			}
				.reproductionProhibited hr {
					width: 50%;
				}
				.reproductionProhibited p + p {
					letter-spacing: -1px;
				}

			/* ……………………… */
			/* ▼サイトマップ区画 */
			/* ……………………… */
			.footerSitemap {
				display: block;
				width: fit-content;
			}

	/* ============================ */
	/* ■(モバイル下端)固定ボタン枠 */
	/* ============================ */
	.bottomFixedMenuBtnBox {
		display: block;
	}
		.bottomFixedMenu {
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: fixed;
			z-index: 3;
			bottom: 0;
			background-color: var(--fixed-bar-backcolor);
			display: flex;
			gap: 1rem;
			width: 100%;
		}
			/* 1.5画面スクロールするまで非表示にする */
			.mobileNoShow {
				display: none;
			}

		.bottomFixedMenu li {
			padding: 1em;
			flex: 1;
			text-align: center;
		}

			.bottomFixedMenu li a {
				font-weight: 500;
				color: white;
				letter-spacing: 2px;
			}
			.bottomFixedMenu li a::before,
			.bottomFixedMenu li a::after {
				content: '｜';
			}

}

/* ================================== */
/* ■極小スマートフォン用追加スタイル */
/* ================================== */
@media screen and (max-width:374px) {

	/* ========== */
	/* ■本文領域 */
	/* ========== */
			.newArticlesCover {
				gap: 1em;
			}
				/* --------------- */
				/* ▼新着記事1件枠 */
				/* --------------- */
				.oneNewArticle {
					min-width: 300px;
					max-width: 300px;
				}

	/* ============== */
	/* ■副フッタ領域 */
	/* ============== */
		/* …………………………… */
		/* ▼連載コーナー一覧区画 */
		/* …………………………… */
		.serialsList {
			padding: 0 0.5rem;
		}
				.serialsBannerList {
					gap: 0.5rem;
				}
					.serialsBannerList img {
						width: calc( 50vw - 8px - 0.5rem );
					}

}


/* ―――――――――――― */
/* ★ループスライダー用CSS  */
/* ―――――――――――― */
/* ▼loopSlider  */
.loopSliderWrap { top: 0; left: 0; height: 272px; overflow: hidden; position: absolute; text-align: center; box-sizing: border-box; }
/* .loopSliderWrap p { margin:0; padding: 0; } */
.loopSlider { margin: 0 auto; width: 100%; height: 267px; text-align: left; position: relative; overflow: hidden; }
.loopSlider ul { margin:0; padding:0; height: 262px; float: left; overflow: hidden; }	/* 注意：margin/paddingを共に0にするのが必須 */
.loopSlider ul li { padding: 5px 10px;  float: left; display: inline; overflow: hidden; border: none; box-sizing: border-box; }
.loopSliderWrap:after { content: ""; display: none; clear: none; }

/* =================================== */
/* 印象編 4 最低限おぼえておきたい動き */
/* 4-1 ふわっ（その場で） */
.fadeIn{
	animation-name: fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* 4-2 ふわっ（下から） */
.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 4-2 パタッ（左上へ） */
.flipLeftTop{
	animation-name: flipLeftTopAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes flipLeftTopAnime{
	from {
		transform: translate(-20px,80px) rotate(-15deg);
		opacity: 0;
	}
	to {
		transform: translate(0,0) rotate(0deg);
		opacity: 1;
	}
}

/* 4-2 パタッ（右上へ） */
.flipRightTop{
	animation-name: flipRightTopAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes flipRightTopAnime{
	from {
		transform: translate(-20px,80px) rotate(25deg);
		opacity: 0;
	}
	to {
		transform: translate(0,1) rotate(0deg);
		opacity: 1;
	}
}

/* 4-4 ボンッ（拡大） */
.zoomIn{
	animation-name: zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
	from {
		transform: scale(0.6);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

/*4-9　シャッ（左から）*/
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}
@keyframes bgextendAnimeBase{
	from {
		opacity:0;
	}
	to {
		opacity:1;  
	}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes bgextendAnimeSecond{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--theme-pink);/*伸びる背景色の設定*/
}
.middleFooterTitle .bgLRextend::before{
	background-color: white;/*伸びる背景色の設定*/
}

@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgLRextendTrigger,
.bgappearTrigger,
.fadeUpTrigger,
.zoomInTrigger,
.flipLeftTopTrigger,
.flipRightTopTrigger{
	opacity: 0;
}

/* ―――――――――――― */
/* ★てがろぐ デフォルトCSS */
/* ―――――――――――― */
	/* ------------------------- */
	/* ▼URLが書かれた場合の装飾 */
	/* ------------------------- */
	.url {
		word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
	}

	/* -------------- */
	/* ▼埋め込み画像 */
	/* -------------- */
	/* ▽画像ボックス(FIGオプション指定時) */
	.embeddedpictbox {
		width: fit-content;
		margin: 1rem auto;
		padding: 0;
		display: flex;
		flex-direction: column;
	}
		/* キャプション */
		.embeddedpictbox figcaption {
			font-size: 0.95em;			/* 文字サイズ */
			text-align: center;			/* センタリング */
		}

		/* 画像ボックスに含まれる画像 */
		.embeddedpictbox img {
			vertical-align: middle;
		}

	/* ▽画像リンク */
	.imagelink {
		display: inline-block;
		line-height: 1;				/* 表示形態によっては画像の下に余計な空白が出るのを防ぐ対策 */
		vertical-align: inherit;	/* 同上 */
	}

	/* ▽画像そのもの */
	.embeddedimage {
		max-width: 100%;
		width: 100%;
		height: auto;
		object-fit: contain;
	}
@media (min-width:941px) {
	.embeddedimage {
		max-height: 360px;	/* PC版でだけ、大きくなりすぎないように高さを制限する */
	}
}

	/* ▽フラグ付き画像 (※設定や採用記法によって出力パターンが複数あるため、あらゆるパターンに対応させるべく同じスタイルを2重に指定しています。) */
	figure.nsfw {
		overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
	}
	.imagelink.nsfw {
		overflow: hidden;	/* ぼかし領域がfigureのボックスからはみ出ないようにする */
	}
	img.nsfw {
		filter: blur(9px);	/* ぼかす */
	}

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		.embeddedmovie {
			display: inline-block;
			max-width: 100%;	/* はみ出ないようにする */
			width: auto;
			height: auto;
		}
	}

	/* --------------- */
	/* ▼埋め込みTweet */	/* これはツイートが埋め込まれる処理「前」用の装飾です。実際に埋め込まれるツイートはTwitter側のiframeで装飾されますので、てがろぐ側では指定できません。(ただし横幅を制限することはできます。→後述) */
	/* --------------- */
	blockquote.twitter-tweet {
		background-color: #f8f8f8;
		border: 1px dashed #ddd;
		border-radius: 9px;
		margin: 0.3em 0;
		padding: 1em;
		font-size: 0.95em;
		color: #999;
		text-shadow: 1px 1px 1px #fff;
	}

	/* ▼埋め込みツイートの横幅を強制的に制限 */
	div.twitter-tweet {
		max-width: 350px !important;
	}

	/* -------------------- */
	/* ▼検索語のハイライト */
	/* -------------------- */
	.searchword {
		font-weight: bold;
		background: linear-gradient(transparent 60%, #aaf0aa 60%);		/* 文字の下半分くらいにマーカーっぽい線を引く */
	}

	/* ---------------- */
	/* ▼投稿本文カラム */
	/* ---------------- */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▼本文内に含まれるハッシュタグリンク */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			.taglink {
				display: inline-block;	/* インラインブロック化 */
				margin: 0 3px;			/* 外側の余白量 */
				text-decoration: none;	/* 下線を消す */
				word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
			}
			/* ▼ハッシュタグリンクにマウスが載ったとき */
			.taglink:hover {
				color: blue;					/* 文字色 */
				border-color: white;			/* 枠線の色 */
				text-decoration: underline;		/* 下線を引く */
			}

			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▼続きを読むリンク（ボタン） */		/* ※注：「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▽ボタン枠の装飾(共通) */
			.readmorebutton {
				display: inline-block;	/* インラインブロック化 */
				padding: 1px 0.5em;		/* 内側の余白 */
				margin: 0 1px;			/* 外側の余白 */
				border: 1px solid #bbb;	/* 枠線の装飾 */
				border-radius: 0.5em;	/* 枠線の角丸 */
			}
			/* ▽ボタン表面の装飾(共通) */
			.readmorebutton:link,
			.readmorebutton:visited {
				background-color: #eee;	/* 背景色(グラデーション非対応の環境のみ) */
				background-image: linear-gradient( 0deg, #ccc, #ddd 55%, white );	/* 背景グラデーション */
				color: darkblue;		/* 文字色 */
				text-decoration: none;	/* リンク装飾を消す */
			}
			/* ▽ボタンにマウスが載った際の装飾(共通) */
			.readmorebutton:hover {
				background-image: none;		/* グラデーションなし */
				background-color: #00cccc;	/* 背景色 */
				color: white;				/* 文字色 */
				text-decoration: underline;	/* 下線を加える */
			}

			/* ▽開く（続きを読む）ボタン専用の装飾 */
			.readmorebutton.readmoreopen {
				font-size: 0.95em;		/* 文字サイズ */
			}

			/* ▽閉じる（畳む）ボタン専用の装飾 */
			.readmorebutton.readmoreclose {
				font-size: 0.75em;		/* 文字サイズ */
			}

			/* ‥‥‥‥‥‥‥ */
			/* ▼折り畳み空間 */		/* details要素＋summary要素で実現されており、JavaScriptが無効でも動作します。 */
			/* ‥‥‥‥‥‥‥ */
			/* ▽ボタンカバー */
			.foldswitch {
				width: fit-content;		/* 横幅を中身のサイズに制限 */
			}
			/* ▽ボタン */
			.foldlabel {
				display: inline-block;	/* インラインブロック化 */
				padding:0.25rem 0.5rem;	/* 内側の余白 */
				border:1px solid #bcb;	/* 枠線の装飾 */
				border-radius:5px;		/* 枠線の角丸 */
				background-color: #ded;	/* 背景色(グラデーション非対応の環境のみ) */
				background-image: linear-gradient( 0deg, #cdc, #ded 55%, white );	/* 背景グラデーション */
				color: darkblue;		/* 文字色 */
				line-height: 1;			/* 行高 */
				cursor: pointer;		/* マウス形状をポインタに */
			}
			/* ▽マウスが載った際の装飾(共通) */
			.foldlabel:hover {
				background-image: none;		/* グラデーションなし */
				background-color: #3ba;		/* 背景色 */
				color: white;				/* 文字色 */
			}
			/* ▽折り畳まれている空間 */
			.foldedarea {
				border-left:3px solid yellowgreen;	/* 左側の枠線 */
				margin: 0.25rem 0 0 0.125rem;		/* 外側の余白 */
				padding: 0.25rem 0.5rem;			/* 内側の余白 */
			}

	/* ---------------------------------------------------------- */
	/* 鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
	/* ---------------------------------------------------------- */
	.passkeyform {
		display: inline-block;
		margin: 0;
		padding: 0.6em;
		background-color: #efe;
		border: 1px solid #cec;
		border-radius: 0.25em;
	}

		/* ▼鍵違いエラーの表示 */
		.passkeyerror {
			display: block;
			color: white;
			background-color: crimson;
			font-weight: bold;
			line-height: 1;
			margin: 0 0 0.5em 0;
			padding: 0.33em 0.25em;
		}

		/* ▼入力フォーム枠 */
		.passkeybox {
			display: block;
		}

			/* ▼入力欄前のガイド文 */
			.passkeyguide {
				margin-right: 0.1em;
			}
			/* ▼鍵入力欄 */
			.passkeyinput {
				width: 10em;
				margin: 0 0.25em 3px 0;
			}
			/* ▼送信ボタン */
			.passkeysubmit {
			}