/*
.glossary-block {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}
.glossary-block-content {
	width: 49%;
	margin-bottom: 2em;
}

.glossary-block-content ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
*/

.glossary-layout{
	display:flex;
	gap:40px;
}

.glossary-main{
	flex:1;
}

.glossary-sidebar{
	width:330px;
}

.glossary-sidebar ul{
	list-style:none;
	padding:0;
}

.glossary-sidebar li{
	display:inline-block;
	margin-bottom:4px;
}





.glossary-block-content ul li a {
	display: block;
	line-height: 40px;
	text-align: center;
}
.glossary-block-content ul.kana-index li a,
.glossary-block-content ul.alphabet-index li a,
.glossary-block-content ul.number-index li a {
	width: 40px;

}
.glossary-block-content ul.cate-index li a {
	padding: 0 15px;
}


.glossary-sidebar .glossary-block-content ul.cate-index li {
	display: block;
}
.glossary-sidebar .glossary-block-content ul.cate-index li a {
	text-align: left;
}

.glossary-sidebar h3 {
	font-size: 20px;
}



.glossary-list li svg {
	display: inline-block !important;
	vertical-align: sub !important;
}


.explanation {
	padding: 1.5rem;
	background: #e1f3f9;
	margin-bottom: 2em;
}

.explanation p:before {
	content: "【意味】";
	display: block;
	font-weight: bold;
}

.glossary-main h2 {
	font-size: 24px;
	border-left: 5px solid var(--primary-color);
	line-height: 1;
	padding: 2px 10px 4px;
}