@charset "utf-8";
/* CSS Document */
/* 部首ページ（/bushu/）用。kyoiku.css・kakusu.css の後に読み込み、一覧は kakusu.css の kakusuList を使う */

/* -------------------------
部首の一覧（index.html）
--------------------------*/
ul.bushuIndexList{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 8px;
	margin: 12px 0 24px 0;
}

ul.bushuIndexList li{
	border: 1px solid #e6e6e6;
	padding: 8px;
	box-sizing: border-box;
}

.bushuIndexMain{
	display: block;
	color: #444;
}

a.bushuIndexMain:hover{
	text-decoration: none;
}

.bushuIndexChar{
	font-size: 28px;
	line-height: 1.2;
	color: #2fbdff;
	margin: 0 6px 0 0;
}

.bushuIndexNone .bushuIndexChar{
	color: #999;
}

.bushuIndexCount{
	margin: 0 0 0 6px;
	font-size: 12px;
	color: #999;
}

.bushuIndexForms{
	display: block;
	margin: 4px 0 0 0;
	font-size: 12px;
	line-height: 1.6;
}

/* -------------------------
部首のページ・形のページ
--------------------------*/
ul.bushuToc,
ul.bushuAltList,
ul.bushuPager{
	margin: 16px 0 20px 0;
	line-height: 1.8;
}

.bushuTocPage{
	margin: 0 0 0 8px;
	font-size: 12px;
}

ul.bushuAltList li{
	display: inline-block;
	margin: 0 16px 0 0;
}

.bushuNote,
.bushuOtherForm,
.bushuCredit{
	font-size: 13px;
}

.bushuCredit{
	margin: 24px 0 0 0;
	color: #666;
}

/* -------------------------
以下スマートフォン
--------------------------*/
@media
screen and (max-width: 991px){

ul.bushuIndexList,
ul.bushuToc,
ul.bushuAltList,
ul.bushuPager,
.bushuCredit{
	width: 92%;
	margin-left: 4%;
}

ul.bushuIndexList{
	grid-template-columns: repeat(2, 1fr);
}
}