/* *****************************
 * General
 ***************************** */
details { margin-left: 16px; }
details:not(:first-child) { margin-top: 12px; }
details > ol, details > ul {
	margin: 16px 0 0 32px;
	padding: 0;
}
details p { margin: 12px 0 0 32px; }

li:not(:last-child) { margin-bottom: 16px; }

.column2 {
	display: flex;
	flex-wrap: wrap;
}
.column2 li { width: 33%; }

.fs-13 {  font-size: 14px;}

.ls-no { list-style: none; }

.mb-00 { margin-bottom: 0 !important; }

.ml-00 { margin-left: 0 !important; }
.ml-22 { margin-left: 22px !important; }
.ml-24 { margin-left: 24px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-48 { margin-left: 48px !important; }
.ml-56 { margin-left: 56px !important; }
.ml-64 { margin-left: 64px !important; }
.ml-72 { margin-left: 72px !important; }
.ml-88 { margin-left: 88px !important; }
.ml-96 { margin-left: 96px !important; }
.ml-104 { margin-left: 104px !important; }

.mt-08 { margin-top: 8px !important; }
.mt-16 { margin-top: 16px !important; }
.mt-32 { margin-top: 32px !important; }

.parentheses li::marker {
	color: red;
}

.quotation div {
	border: 1px solid lightgray;
	border-radius: 12px;
	padding: 16px;
	position: relative;
}
.quotation div p { margin: 0; }
.quotation div p:first-child {
	background: #fff;
	padding: 0 8px;
	position: absolute;
	top: -12px;
}

.single-featured-image-header { display: none; }

.ti-24 {
	margin-left: 24px;
	text-indent: -24px;
}

.ti-64 {
	margin-left: 64px;
	text-indent: -64px;
}

.ti-72-48 {
	margin-left: 72px;
	text-indent: -48px;
}

.ti-attention,
.ti-qa {
	margin-left: 64px;
    text-indent: -32px;
}
.ti-case {
	margin-left: 64px;
	text-indent: -32px;
}
.ti-caution {
	margin-left: 24px;
	text-indent: -32px;
}
.ti-clause {
	margin-left: 112px;
	text-indent: -80px;
}
.ti-kakko {
	margin-left: 64px;
	text-indent: -32px;
}

.wrap {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

/* *****************************
 * Home
 ***************************** */
	/* News ****************** */
	.wp-block-latest-posts li:not(:last-child) { margin-bottom: 12px; }

	.wp-block-latest-posts li a {
		border: 1px solid;
		border-radius: 8px;
		display: block;
		padding: 12px;
	}

	/* Ground-rules ********** */
	#panel4 ul {
		display: flex;
		list-style: none;
		margin: 0;
	}
	#panel4 ul li {
		border: 1px solid;
		border-radius: 8px;
		flex-grow: 1;
		padding: 8px;
	}

	/* xo-event-calendar ********** */
	.xo-event-calendar button:focus {
		border: 1px dotted !important;
	}
	.xo-event-calendar a:focus span {
		border: 1px dotted #cc0000;
		display: inline-block;
	}


/* *****************************
 * Page
 ***************************** */
	/* Rules ***************** */
	.glossary details summary {
		margin-left: 60px;
		text-indent: -60px;
	}

.menu_page {
	display: flex;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
}
.menu_page li {
	flex-grow: 1;
	margin: 0;
}


	/* Umpire **************** */
	#tooltip-text { margin: 12px 0 12px 24px; }

	.article td:nth-child(1) {
		vertical-align: top;
		width: 3rem;
	}
 
	.clickable-area {
		position: absolute;
		width: 45px;
		height: 45px;
		background-color: rgba(255, 0, 0, 0.5);
		border-radius: 50%;
		cursor: pointer;
		z-index: 10;
	}

	.image-container {
		position: relative;
		display: inline-block;
	}

	.main-image {
		width: 100%;
		max-width: 600px;
	}

	.mechanics { margin-left: 24px; }

	.mechanics ul li:first-child { margin-top: 16px; }

	.positon { position: relative; }
	.positon .clickable-area { position: absolute; }

	.tooltip {
		position: absolute;
		background-color: #fdeff2;
		border: 1px solid #ccc;
		border-radius: 8px;
		padding: 10px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
		max-width: 100%;
		z-index: 100;
	}


/* *****************************
 * Single
 ***************************** */
.wp-block-file a { display: none; }


/* *****************************
 * Archive
 ***************************** */
.archive ul li { border-bottom: 1px dotted; }

.archive ul li time { font-size: 13px; }


/* *****************************
 * Footer
 ***************************** */
.footer-link {
	display: flex;
	justify-content: space-around;
	list-style: none;
}
.footer-link li {
	border: 1px solid #dcdcdc;
	margin: 0;
}
.footer-link li img { display: block; }