.mokuji-ai-tit{
  position:relative;
  top:1;
  left:1
;
  text-align : left;
  background-color : #d1e6eb;
  padding-left : 1em;
  padding-bottom : 2px;
  padding-top : 2px;
  margin-left : 0px;
  margin-right : 0px;
}
a{
  background-repeat : no-repeat;
  text-decoration : none;
}
input{
  font-family : "MS UI Gothic";
  text-align : center;
  background-repeat : no-repeat;
  color : #5665c9;
  background-color : #f3f3f3;
  font-size : 77%;
}
.mokuji2{
  font-size : 83%;
  line-height : 145%;
  padding-left : 8px;
  padding-right : 8px;
  padding-top : 2em;
}
.koushin{
  font-size : 76%;
  line-height : 130%;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 1em;
  padding-bottom : 4px;
}
.tyui{
  padding-right : 20px;
  background-color : #ffffff;
}
/* ----------------------------
   Pagefind 検索デザイン
----------------------------- */

/* 検索窓 */
.pagefind-ui{
  max-width: 560px;
  font-family: inherit;
}
.pagefind-ui__search-input{
  border-radius: 8px;
  font-size: 18px;
}
/* 検索結果全体 */
.pagefind-ui__results{
  margin-top: 25px;
}
/* １件ごとの検索結果 */
.pagefind-ui__result{
  background: #dfeaf3;
  border: 1px solid #b7c7d5;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 18px;
  transition: background-color .2s;
}
/* マウスを乗せた時 */
.pagefind-ui__result:hover{
  background: #eaf3fa;
}
/* タイトル */
.pagefind-ui__result-title{
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 8px;
}
/* 抜粋 */
.pagefind-ui__result-excerpt{
  line-height: 1.7;
}
/* サムネイル */
.pagefind-ui__result-thumb{
  border-radius: 6px;
}
/* ===== Pagefind デザイン ===== */

.pagefind-ui{
  max-width: 600px !important;
}
.pagefind-ui__results{
  margin-top: 20px !important;
}
.pagefind-ui__result{
  display: block !important;
  background: #dae4ec !important;
  border: 1px solid #b8c8d8 !important;
  border-radius: 10px !important;
  padding: 15px !important;
  margin: 15px 0 !important;
}
.pagefind-ui__result-title{
  font-size: 1.2em !important;
  font-weight: bold !important;
}
.pagefind-ui__result-excerpt{
  line-height: 1.7 !important;
}
.pagefind-ui__result-thumb{
  margin-right: 15px !important;
  border-radius: 6px !important;
}
/* Pagefind全体 */
.pagefind-ui{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
/* 検索結果カード */
.pagefind-ui__result{
  width: 100%;
  box-sizing: border-box;
}
/* 検索窓の文字を左寄せ */
.pagefind-ui__search-input{
  text-align: left !important;
  padding-left: 45px;
}
.pagefind-ui__result-title{
  font-size: 1.35em;
  font-weight: bold;
}
.pagefind-ui__result{
  padding: 12px;
}
/*=========================================
  Pagefind 完成版デザイン
=========================================*/

/* 全体 */
.pagefind-ui{
  width:100%;
  max-width:700px;
  margin:0 auto;
  font-family:"MS UI Gothic",sans-serif;
}
/* 検索窓 */
.pagefind-ui__search-input{
  background:#ffffff;
  border:2px solid #7fa9d8;
  border-radius:12px;
  padding:14px 18px;
  font-size:110%;
  text-align:center;
}
/* 検索件数 */
.pagefind-ui__message{
  margin:22px 0 12px;
  font-size:95%;
  font-weight:bold;
  color:#444;
}
/* 検索結果 */
.pagefind-ui__result{
  background:#dfeaf3;
  border:1px solid #b6c8d9;
  border-radius:10px;
  padding:14px 18px;
  margin:18px 0;
  box-sizing:border-box;
  transition:0.2s;
}
/* マウスを乗せた時 */
.pagefind-ui__result:hover{
  background:#edf5fb;
}
/* タイトル */
.pagefind-ui__result-title{
  font-size:140%;
  font-weight:bold;
  margin-bottom:10px;
  line-height:1.4;
}
/* 本文 */
.pagefind-ui__result-excerpt{
  line-height:1.9;
  font-size:95%;
}
/* サムネイル */
.pagefind-ui__result-thumb{
  border-radius:6px;
  margin-right:15px;
}
/* ハイライト文字 */
mark{
  background:#fff16d;
  padding:0 2px;
  border-radius:3px;
}
.ind-page-okiba{
  text-align : left;
  line-height : 1.5em;
  font-size : 88%;
  margin-top : 1em;
  margin-left : 20%;
}
/* 検索中の文字との間を少し空ける */
.pagefind-ui__results{
  margin-top : 20px;
}
.pagefind-ui__results{
  margin-top : 2em;
}
.page-kenp{
  font-size : 90%;
  margin-left : 25%;
}
a:hover{
  color : #0d2c44;
  background-color : #eeeece;
}
.pagefind-ui__result-excerpt{
  text-decoration: none !important;
}
.container{
  display:flex;
}
.left{
  width:130px;
  overflow : auto;
  position : fixed;
  top : 1px;
  left : 1px;
  z-index : 5;
  padding-bottom : 1em;
  visibility : visible;
  height : 100%;
}
.mokuji{
  position: relative;
  margin : 0px 0px 2em 1em;
  padding: 25px 10px 7px;
  border-top-width : 2px;
  border-right-width : 1px;
  border-bottom-width : 2px;
  border-left-width : 1px;
  border-top-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-style : solid;
  border-top-color : #bad9e4;
  border-right-color : #bad9e4;
  border-bottom-color : #bad9e4;
  border-left-color : #bad9e4;
}
.mokuji .box-title{
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding : 1px 9px;
  height: 25px;
  line-height : 27px;
  font-size: 17px;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #4a9ab8;
  color : #ffffff;
  font-weight: bold;
}
.mokuji-ai{
  font-size : 90%;
  line-height : 115%;
  margin-left : 1em;
  margin-right : 1em;
  padding-left : 1.5em;
  padding-right : 1.5em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  padding-bottom : 1.5em;
}