@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
.outlineHoliday .holiday {
    line-height: 1.55;
    color: #af4154;
	margin-top: 15px;
    padding: .525em 1em .8em;
    border: 1px solid currentColor;
}


/* =======================================================================================
	PAGE 
======================================================================================= */

/* outlineContbox
------------------------------------------------------------------------ */
	.outlineContbox {
		max-width: 800px;
	}
	.outlineContbox .outlineHeading {
		line-height: 1.35;
		color: rgba(var(--site-themeColor-text_dark), 1);
		font-size: 1.25em;
		text-align: center;
		letter-spacing: .1em;
		padding: 1.1em 1em 1.2em;
		background: rgba(var(--site-themeColor-base_text), .04);
		border: 0 double rgba(var(--site-themeColor-base_text), .6);
		border-width: 3px 0;
	}
@media screen and (max-width: 600px) {
	.outlineContbox .outlineHeading {
		font-size: 1.38em;
		text-align: left;
		background: transparent;
		margin-bottom: 1em;
		padding: .25em 0 .45em .75em;
		border: 0 solid currentColor;
		border-width: 0 0 0 8px;
	}
}
@media screen and (max-width: 359.08px) {
	.outlineContbox .outlineHeading {
		font-size: 1.22em;
		letter-spacing: .07em;
	}
}

/* outlineList
---------------------------------------------------- */
	.outlineList {
		line-height: 1.65;
		font-size: 1.45rem;
		letter-spacing: .03em;
	}
	.outlineList > div {
		display: flex;
		justify-content: space-between;
		padding: 17px .2em;
		border: 0 solid rgba(var(--site-themeColor-base_text), .6);
		border-width: 0 0 1px;
	}
	.outlineList dt {
		flex: 0 0 clamp(130px, (220 / 1000 * 100vw), 220px);
	}
	.outlineList dd {
		flex: 1 1;
		margin-left: 40px;
	}
	.outlineList a {
		text-decoration: underline;
	}
	/* hover, focus */
	@media (hover: hover) and (pointer: fine) {
		.outlineList a[href]:hover {
			color: #36e;
			text-decoration: none;
		}
	}
	.outlineList a[href]:focus-visible {
			color: #36e;
			text-decoration: none;
	}
@media screen and (max-width: 900px) {
	.outlineList {
		font-size: 1.36rem;
	}
}
@media screen and (max-width: 600px) {
	.outlineList {
		line-height: 1.6;
		font-size: 1.3rem;
	}
	.outlineList > div {
		display: block;
		padding: 0;
		border-width: 0;
	}
	.outlineList div:nth-of-type(n+2) {
		margin-top: .9em;
	}
	.outlineList dt {
		color: #fff;
		background: rgba(var(--site-themeColor-base_text), .8);
		padding: .6em .75em;
	}
	.outlineList dd {
		margin-left: 0;
		padding: .7em .15em;
	}
}
@media screen and (max-width: 359.08px) {
	.outlineList {
		line-height: 1.57;
		font-size: 1.25rem;
	}
}


/* yokoku
------------------------------------------------------------------------ */
	[data-outline_section="yokoku"] strong {
		font-weight: normal;
	}
	.yokokuList {
		line-height: 1.65;
		font-size: .928571em;
		letter-spacing: .06em;
		text-align: justify;
	}
	.yokokuList dt {
		font-size: 1.307692em;
		margin-bottom: .4em;
	}
	.yokokuList dt strong {
		display: inline-block;
		padding: .1em .55em .15em .6em;
		border: 1px solid #000;
	}