@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
.siteWrap {
	background-color: #f7f2ea;
}


/* =======================================================================================
	PAGE
======================================================================================= */
	.outlineCont {
		width: 100%;
		font-size: 1.2em;
		border-collapse: separate;
		border-top: 1px solid var(--site-themeColor-accent_2);
	}
	.outlineCont tr {
		margin-top: 3px;
		padding: 0 0;
	}
	.outlineCont tr > * {
		line-height: 1.8;
		padding: 0.6em 0;
		border-bottom: 1px solid var(--site-themeColor-accent_2);
	}

	.outlineCont tr th {
		color: #FFF;
		min-width: 12em;
		text-align: left;
		font-weight: normal;
		background: var(--site-themeColor-accent_2);
		padding-right: 1em;
		padding-left: 1em;
	}
	.outlineCont tr td {
		padding-right: 1.2em;
		padding-left: 1.2em;
	}
@media screen and (max-width: 900px) {
	.outlineCont tr th {
		/*font-weight: bold;
		color: var(--site-themeColor-accent_2);
		background: none;*/
		padding: 0.4em 1em;
	}
}
@media screen and (max-width: 600px) {
	.outlineCont tr,
	.outlineCont tr > * {
		display: block;
	}
	.outlineCont tr th {
		color: var(--site-themeColor-accent_2);
		background: rgba(var(--site-themeColor-accent_2),.15);
	}
}


	.outlineCont .kashinushi dt {
		margin: 0.3em 0 0.3em;
	}
	.outlineCont .kashinushi dd {
		font-size: 0.8em;
		line-height: 1.4;
		margin-top: 0.5em;
	}
	.outlineCont .kashinushi dd ul li {
		display: inline-block;
	}
	.outlineCont .kashinushi dd ul li:not(:last-child)::after {
		content: "、"
	}


/* ========================================================================
	other
======================================================================== */

/* yokoku
------------------------------------------------------------------------ */
	.yokoku {
		text-align: center;
		line-height: 1.6;
		font-size: 0.9em;
		margin-top: var(--site-marpad-L);
		padding: 1.6em 1em;
		border: 1px solid #CCC;
		border-width: 1px 0;
	}
	#top + .yokoku {
		margin-top: 0;
	}

@media screen and (max-width: 900px) {
	.yokoku {
		text-align: left;
	}
}