@charset "utf-8";
/*----------------------------*
 * words_box
 *----------------------------*/
.words_box {
	margin-top: 40px;
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}
/*----------------------------*
 * toc
 *----------------------------*/
.toc {
	margin: 40px 0;
	padding: 20px;
	background: #09131c;
	border: 1px solid #00d8ff;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0,216,255,.15);
}

.toc legend {
	padding: 0 12px;
}

.toc legend h3 {
	margin: 0;
	color: #00d8ff;
	font-size: 1.1rem;
	text-shadow: 0 0 8px rgba(0,216,255,.6);
}

.toc ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.toc a {
	display: block;
	padding: 6px 12px;
	color: #fff;
	text-decoration: none;
	border: 1px solid rgba(0,216,255,.35);
	border-radius: 4px;
	transition: .2s;
}
.toc a:hover {
	color: #fff;
	border-color: #00d8ff;
	box-shadow:
		0 0 10px rgba(0,216,255,.35),
		inset 0 0 8px rgba(0,216,255,.12);
}
/*----------------------------*
 * input
 *----------------------------*/
.input01-wrapper {
	justify-content: right;
}
.input01-wrapper .input01 {
	max-width:300px;
	border-radius:4px !important;
}
/*----------------------------*
 * table
 *----------------------------*/
.ja table {
	border-collapse: collapse;
	width: 45%;
	color: #00e5ff;
}
.en table {
	border-collapse: collapse;
	width: 17%;
	color: #00e5ff;
}
table caption{
	font-size:22px;
	margin:10px;
}
table .caption_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
table caption .back-top {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	text-decoration: none;
	color: #00d8ff;
}

table caption .back-top::before {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-left: 2px solid currentColor;
	transform: rotate(45deg);
	transition: .15s;
}

table caption .back-top:hover {
	color: #fff;
}

table caption .back-top:hover::before {
	filter: drop-shadow(0 0 4px rgba(0,216,255,.8));
}
table th,
table td{
	padding: 4px 5px;
	font-size: 14px;
	border: 1px solid rgba(255, 255, 255, 0.12);
}
table td{
	color: rgba(255, 255, 255, 0.8);
}
table tr:hover {
	background-color: rgba(0, 229, 255, 0.2);
}
table td .hit{
	padding:0 10px;
	background:#9c0058;
	border-radius:2px;
}
/*----------------------------*
 * pager_note
 *----------------------------*/
.pager_note {
	margin-top: -50px;
	font-size: 0.875rem;   /* 14px相当 */
	line-height: 1.6;
	color: #777;
	text-align: center;
}
/*----------------------------*
 * pager
 *----------------------------*/
.pager_box {
	display:flex;
}
.pager {
	margin: 2rem auto;
    border-top: 2px solid #4d78cd;
	padding:30px;
	width:100%;
}
.pager_title {
	text-align:center;
}
.pager_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.3rem;
}
.pager_inner a,
.pager_inner span {
	min-width:26px;
	max-width:46px;
	flex: 1 1 0;
	height: 2.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	color: #00e5ff;
	font-size: 0.9rem;
	font-weight: bold;
	text-decoration: none;
	border: 0.08rem solid rgba(0, 229, 255, 0.55);
	background: rgba(0, 229, 255, 0.08);
	box-shadow: 0 0 0.5rem rgba(0, 229, 255, 0.25);
}
.pager_inner a:hover {
	color: #fff;
	border-color: #00e5ff;
	background: rgba(0, 229, 255, 0.22);
	box-shadow:
		0 0 0.8rem rgba(0, 229, 255, 0.65),
		inset 0 0 0.5rem rgba(0, 229, 255, 0.3);
}
.pager_inner .current {
	color: #001014;
	background: #00e5ff;
	border-color: #00e5ff;
	box-shadow:
		0 0 0.8rem rgba(0, 229, 255, 0.9),
		0 0 1.5rem rgba(0, 229, 255, 0.45);
}
.pager_inner .prev,
.pager_inner .next {
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.05rem;
	position: relative;
	top: -0.08rem;
}
.mt50 {
	margin-top:50px;
}
@media screen and (max-width: 768px) {
	.toc ul li{
		width:46%;
		font-size:14px;
	}
	.pager_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.35rem;
		width: 92%;
		max-width: 92%;
		margin: 1.6rem auto;
	}
	.pager_inner a,
	.pager_inner span {
		flex: 0 0 calc((100% - 2.45rem) / 8);
		height: 2.1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		color: #00e5ff;
		font-size: 0.8rem;
		font-weight: bold;
		text-decoration: none;
		border: 0.08rem solid rgba(0, 229, 255, 0.55);
		background: rgba(0, 229, 255, 0.08);
		box-shadow: 0 0 0.45rem rgba(0, 229, 255, 0.25);
	}
	.pager_inner .prev,
	.pager_inner .next {
		flex-basis: calc((100% - 0.35rem) / 2);
		font-size: 1.25rem;
		line-height: 1;
		position: relative;
		top: -0.06rem;
	}
	.pager_inner .current {
		color: #001014;
		background: #00e5ff;
		border-color: #00e5ff;
		box-shadow:
			0 0 0.7rem rgba(0, 229, 255, 0.85),
			0 0 1.2rem rgba(0, 229, 255, 0.45);
	}
}