@charset "utf-8";
/*
* CSS for table of contents Page Navi
*
* @version			0.0.0
* @lastmodified 2021/10/23
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */
* {
	box-sizing: border-box;
}
body {
	--pageNaviColor: #4472C4;
	--pageNaviHover: #ED7D31;
}
.cell2 {
	--naviCnt: 2;
}
.cell5 {
	--naviCnt: 5;
}
#TocPageNaviBox {
	margin: 1rem 0;
}

#pageNaviList {
	list-style: none;
	padding: 0 0.75rem;
}
#pageNaviList li {
	text-align: center;
	margin: 0.5rem 0;
}
#pageNaviList li a {
	color: var(--pageNaviColor);
  display: block;
	font-size: 0.875rem;
	line-height: 1.25;
	text-align: center;
	text-indent: -0.875rem;
	padding: 1.5rem 0 0.25rem 0.875rem;
	border-bottom: 2px solid var(--pageNaviColor);
	__border-bottom: 2px solid #aaa;
}
#pageNaviList li a::before {
	content: '';
  display: inline-block;
 	width: 0;
  height: 0;
  margin: 0 0.25em 1px 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: var(--pageNaviColor) transparent transparent transparent;
}
#pageNaviList li a:hover {
	__color: #ED7D31;
	color: var(--pageNaviHover);
	border-bottom-color: var(--pageNaviHover);
	background-color: aliceblue;
}
#pageNaviList li a:hover::before {
  border-color: var(--pageNaviHover) transparent transparent transparent;
}
@media all and (min-width: 480px){
	#pageNaviList {
		font-size: 0;
	}
	#pageNaviList li {
	  display: inline-block;
		width: auto;
	}
	#pageNaviList li a {
		padding: 0.25rem 0 0.25rem 0.875rem;
		padding-left: calc(0.75rem + 0.875rem);
		padding-right: 0.75rem;
		margin: 0 0.25rem;
	}
}
@media all and (min-width: 640px){
	#pageNaviList {
		font-size: 0;
	}
	#pageNaviList li {
	  display: inline-block;
		width: calc(100% / var(--naviCnt));
	}
	#pageNaviList li a {
		padding: 0.25rem 0 0.25rem 0.875rem;
		margin: 0 0.25rem;
	}
}