/* rank */
.rank{display:grid;grid-template-columns:12% 1fr;grid-template-rows:auto;border-right:solid 1px #808080;border-bottom:solid 1px #808080;list-style:none}.rank dt,.rank dd{box-sizing:border-box;border-left:solid 1px #808080;border-top:solid 1px #808080}.rank dt{display:grid;justify-items:center;-webkit-box-align:center;align-items:center;min-height:40px;color:#ffffff;font-size:15px;font-weight:bold}.rank dd{padding:6px;color:#000000;font-size:11px}.rank ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(65px, 1fr));gap:6px}.rank ul li{margin: 0 !important;list-style:none !important}.rank ul li a{display:block;font-size:11px;line-height:1.2;text-align:center}.rank li img{width:100%;margin-bottom:0px;border-radius:5px}.rank dt.rank0{background:#ff0000}.rank dd.rank0{background:#ffffff}.rank dt.rank1{background:#e12d2d}.rank dd.rank1{background:#ffffff}.rank dt.rank2{background:#e65b5b}.rank dd.rank2{background:#ffffff}.rank dt.rank3{background:#da8b8b}.rank dd.rank3{background:#ffffff}.rank dt.rank4{background:#d67d00}.rank dd.rank4{background:#ffffff}.rank dt.rank5{background:#002aff}.rank dd.rank5{background:#ffffff}.rank dt.rank6{background:#1c4ab5}.rank dd.rank6{background:#ffffff}.rank dt.rank7{background:#064711}.rank dd.rank7{background:#ffffff}.rank dt.rank8{background:#5b955f}.rank dd.rank8{background:#ffffff}.rank dt.rank9{background:#4c4242}.rank dd.rank9{background:#ffffff}.rank dt>p,.rank .mu__list{margin:0 !important}
/* 表組み用独自CSS */
.list-2 .mu__list, .list-3 .mu__list, .list-4 .mu__list, .list-5 .mu__list, .list-6 .mu__list {
display:-webkit-box; display:-ms-flexbox; display:flex;
}
.list-2 .mu__list, .list-3 .mu__list, .list-4 .mu__list, .list-5 .mu__list {
 -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-left: solid 1px #808080; border-top: solid 1px #808080; }
.list-2 .mu__list li, .list-3 .mu__list li, .list-4 .mu__list li, .list-5 .mu__list li {
 -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; margin: 0; padding: 5px; box-sizing: border-box; text-align: center; font-size: 12px; border-right: solid 1px #777777; border-bottom: solid 1px #777777; list-style: none !important;
}
.list-2 > p, .list-3 > p, .list-4 > p, .list-5 > p {
 margin: 0; padding: 6px; text-align: center; font-size: 12px; background: #f0f0f0; border: solid 1px#808080; border-bottom: none;
}
/* LIST-2 ～ LIST-5 */
.list-2 li {
 -ms-flex-preferred-size: 50%; flex-basis: 50%;
}
.list-3 li {
 -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;
}
.list-4 li {
 -ms-flex-preferred-size: 25%; flex-basis: 25%;
}
.list-5 li {
 -ms-flex-preferred-size: 20%; flex-basis: 20%;
}
table, td, th {
 border: 1px #808080 solid !important;
}
/* 1行目ぶち抜き */
.list-2 .list-2_top .mu__list li:first-child, .list-3 .list-3_top .mu__list li:first-child, .list-3 .list-4_top .mu__list li:first-child, .list-3 .list-5_top .mu__list li:first-child {
 -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
/* 1行目を見出しの様な見た目に変更 */
.list-2 .list-2_head li:nth-child(1), .list-2 .list-2_head li:nth-child(2), .list-3 .list-3_head li:nth-child(1), .list-3 .list-3_head li:nth-child(2), .list-3 .list-3_head li:nth-child(3), .list-4 .list-4_head li:nth-child(1), .list-4 .list-4_head li:nth-child(2), .list-4 .list-4_head li:nth-child(3), .list-4 .list-4_head li:nth-child(4), .list-5 .list-5_head li:nth-child(1), .list-5 .list-5_head li:nth-child(2), .list-5 .list-5_head li:nth-child(3), .list-5 .list-5_head li:nth-child(4), .list-5 .list-5_head li:nth-child(5) {
 background: #f0f0f0;
}
/* ウィジェット*/
:root {
	/*   ボーダー   */
	--color:				#c90909;	/* 基本色 */
	--radius:				2px;		/* ボーダーの角丸 */
	--margin:				8px;		/* ボーダーの下の余白 */

	/*   外枠に被る文字   */
	--large-color:			#c90909;	/* 外枠に被る文字色 */
	--large-font-size:		13px;		/* 外枠に被る文字サイズ */
	--large-text-top:		-0.75em;	/* 外枠に被る文字の縦位置（ --large-font-size を変える場合、要調整 / 1em = 指定したフォントサイズの大きさ） */
	--large-text-left:		16px;		/* 外枠に被る文字の位置（50%でセンタリング / 左から"16px"の位置に設定する場合 16px） */
	--large-text-center:	0;			/* 外枠に被る文字の位置（-50%でセンタリング / センタリングしない場合は 0） */

	/*   中見出し   */
	--middle-color:			#c90909;	/* 中見出しの色 */
	--middle-font-size:		13px;		/* 中見出しの文字サイズ */

	/*   テキスト   */
	--text-color:			#c90909;		/* "・"の色 */
	--text-size:			13px;		/* テキスト（リンク）の文字サイズ */
	--text-bold:			bold;		/* テキスト（リンク）の強調（ "bold" もしくは "normal" ） */
}
.widget {
	padding: 1px 0 0;
}
.widget-wrap {
	position: relative;
	margin: 0.7em 0 var(--margin);
	padding: 1.2em 12px 0;
	border: solid 1px var(--color);
	border-radius: var(--radius);
}
.widget-large {
	position: absolute;
	left: var(--large-text-left);
	top: var(--large-text-top);
	-webkit-transform: translateX(var(--large-text-center));
	transform: translateX(var(--large-text-center));
	padding: 0 8px;
	color: var(--large-color);
	font-weight: bold;
	font-size: var(--large-font-size);
	background-color: white;
}
.widget-middle {
	color: var(--middle-color);
	font-size: var(--middle-font-size);
	font-weight: bold;
}
.widget li {
	margin-left: 20px;
	color: var(--text-color);
	font-size: var(--text-size);
	font-weight: var(--text-bold);
}
.widget li.mu__list--2 {
	margin-left: 35px;
}
.widget li.mu__list--3 {
	margin-left: 52px;
}
/* ――――― 目次3列 ↓――――― */
.mokuji3 .mu__index ul {
  display: flex;
  flex-wrap: wrap;
  border-left: solid 1px #999;
  box-sizing: border-box;
}

.mokuji3 .mu__index li {
  display: flex;
  width: 33.33%; /* 3列にする */
  padding: 6px 8px;
  box-sizing: border-box;
  margin: 0 !important;
  border: solid 1px #999;
  border-left: none;
  border-top: none;
  list-style: none;
}

.mokuji3 .mu__index li a:before {
  content: "▼";
  display: inline-block;
  width: 12px;/* 横幅変更 */
  height: 12px;/* 縦幅変更 */
  margin-right: 4px;
  background-size: 100% 100%;
}
/* ――――― 目次3列 ↑――――― */