/* bancho_glossary */

.bancho-glossary-block-glist,
.bancho-glossary-block-nlist{
	background: transparent;
	padding: 0.5em 0;
}

/* この記事で使われている用語 */
/*
.bancho-glossary-block-glist img.glossary-icon{
	width: 36px;
	float: left;
	padding-right: 0.5em;
}
.bancho-glossary-block-glist{
	margin-left: 20px;
	font-size: 85%;
}
*/
/* この記事で使われている用語 のクリックで拡げるとこ */
.bancho-glossary-block-glist details > summary{
	display: inline !important;
}
.bancho-glossary-block-glist details > summary::before{
	display: none;
}
.bancho-glossary-block-glist details > summary::after{
	display: inline;
	content: "→記事で使われている用語をぜんぶ見る";
	font-size: .8em;
	margin-left: .5em;
}
.bancho-glossary-block-glist details > summary[data-total-num]:first-child::after{
	content:'→記事で使われている用語をぜんぶ見る (' attr(data-total-num) '項目)';
}
.bancho-glossary-block-glist details[open] > summary::after{
	display: none;
}
.bancho-glossary-block-glist ul.keywords__list{
	display: inline;
}
.bancho-glossary-block-glist ul.keywords__list>.keywords__list-item{
	display: inline-block;
	margin-right: 12px;
}
.bancho-glossary-block-glist ul.keywords__list>.keywords__list-item:last-child:not(.bancho-glossary-block-glist details.bancho-glossary-block-glist-expander>summary> ul.keywords__list>.keywords__list-item){
		margin-right: 0;
}


/* glossaryノードのmetainfoボックス */

.glossary-metainfo{
	font-size: 0.9em;
}
.glossary-metainfo{
	width: calc(40% - 1.5em);
	max-width: 15em;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
.glossary-metainfo h2:not(DUMMY){
	line-height: 1.2;
}
.glossary-metainfo p:not(DUMMY){
	margin: 0;
}
.glossary-metainfo .glossary-metainfo-box{
	background-color: #CFF2FF;
	padding: 0.5em 1em 0.3em 1em;
}
.glossary-metainfo .glossary-metainfo-box .inner{
	margin-bottom: 0.5em;
}
.glossary-metainfo .glossary-metainfo-box h2{
	margin: 1em 0 .5em 0;
	padding: 0;
	font-size: 1em !important;
	background-color: transparent;
	border: none;
}
.glossary-metainfo .glossary-metainfo-box .inner:first-child h2{
	margin-top: .5em;
}
.glossary-metainfo .glossary-metainfo-box .inner ul{
	margin-top: 0;
	margin-bottom: 0;
}


/* 用語一覧（/glossary/list） */

.bancho-glossary-admin-link{
	margin-bottom: 1em;
}

.bancho-glossary-list-index-top{
	margin-bottom: 2em;
}
.bancho-glossary-list-index-bottom{
	margin-top: 2em;
}

.bancho-glossary-index{

}
.bancho-glossary-index-group-header{
	font-weight: bold;
}
.bancho-glossary-index-group{
	display: block;
}
.bancho-glossary-index-group li{
	display: inline-block;
	margin: 0 .6em 0 0;
}
.bancho-glossary-index-group li:last-child{
	margin: 0;
}
.bancho-glossary-index-num{
	font-size: .8em;
	margin-left: .25em;
}

.glossary-list {

ul.glossaryPager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
.--glossary + .glossaryPager{
	margin-top: 3em;

}
@media screen and (min-width: 768px) {
  ul.glossaryPager {
/*    margin-bottom: -44px;*/
  }
}
@media screen and (max-width: 767px) {
  ul.glossaryPager {
    justify-content: center;
    margin-bottom: 24px;
  }
}
ul.glossaryPager > li {
  padding: 0;
  margin: 0 12px 0 0;
  font-weight: bold;
  line-height: 1;
}
ul.glossaryPager > li::before {
  display: none;
  content: "";
}
ul.glossaryPager > li::after {
  display: inline-block;
  position: relative;
  top: -1px;
  font-size: 14px;
  font-weight: normal;
  content: " | ";
}
@media screen and (max-width: 767px) {
  ul.glossaryPager > li {
    margin: 0 14px 0 0;
  }
}
ul.glossaryPager > li a {
  margin: 0 12px 0 0;
  color: #d63a64;
}
@media screen and (max-width: 767px) {
  ul.glossaryPager > li a {
    margin: 0 14px 0 0;
  }
}
ul.glossaryPager > li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  ul.glossaryPager > li:last-child::after {
    display: none;
  }
}
ul.glossaryPager > li:last-child a {
  padding-right: 0;
}
}
/*
.glossary-list .glossaryPager + .bancho-glossary-header{
	margin-top: .5em;
}
.glossary-list .bancho-glossary-header{
	background-color: transparent;
	border: none;
	border-bottom: dashed 2px #666;
	padding: 0;
	margin: 1.5em 0 0.5em 0;
}
*/

.bancho-glossary-hidden{
	display: none;
}




/* 今日の用語（このクラスはdlについてる） */
.bancho-glossary-todays{
	/* 2行で省略（これやるとdt ddをインラインにできなくなる） */
	&> dd .body{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	&> dt{
		&::before{
			content: "「";
		}
		&::after{
			content: "」";
		}
		font-weight: bold;
	}
	.bancho-glossary-link-to-glossary::before{
		display:inline-block;
		content: "→";
		margin-right: .5em;
	}
}