@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

/* history 索引語の見出し
---------------------------------------------- */
#sakuin h3 {
  margin-bottom:0;
}

.midashi > ul {
  width:90%;
  display: flex;
  flex-wrap:wrap;
  padding: 0 2.5rem;
  margin:0 auto;
}

.midashi > ul > li {
  width:auto;
}
/*5文字ごと*/
.midashi > ul > li > ul {
  width:auto;
  display: flex;
  flex-wrap:nowrap;
  margin:.5rem 0;
  border-right:dotted 1px #969696;
}

.midashi > ul > li > ul > li {
  width:auto;
  padding: .2rem 1rem;
}


/* history 索引語画面
---------------------------------------------- */
#sakuin .sakuingo {
  padding:2rem 1rem;
}
 #sakuin .sakuingo ul{
  display:flex;
  flex-wrap:wrap;
  padding: 0 3rem;
}

#sakuin .sakuingo > ul > li {
text-align: left;
border-right:dotted 1px #969696;
padding:1px 1rem;
margin:.7rem 0;
}

#sakuin .sakuingo > ul > li > a{
  text-align: left;
}

#sakuin .sakuingo > ul > li > a:hover {
  background: #a5e9fd;
}

#sakuin .sakuingo > ul > li:last-child {
  border:none;
}
/*
@media (min-width:1280px) {
.sakuingo ul{
column-count: 4;
}
}


@media (max-width:840px) {
.sakuingo ul{
column-count: 2;
}
}*/

h4{
  padding: 0 2.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}