body {
font-family: Arial, Helvetica, sans-serif;
padding:0px 8px 0px 0px;
margin: 0px auto 0px auto;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff; /* 背景カラー */
  z-index: 9999; /* 一番手前に */
  pointer-events: none; /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0; /* 初期値では非表示 */
  -webkit-transition: opacity .8s ease; /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}
/*body要素に.fadeoutセレクタがある場合には、レイヤーが表示されるようにopacityを１に設定します。*/
body.fade::after {
  opacity: 1;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 1.05em!important;
    line-height: 1.2em!important;
    font-weight: bold;
}

.bcr {
  display: flex; /* リストを横並びに */
  flex-wrap: wrap; /* リストが折り返すように */
  list-style: none; /* リストスタイルを無しに */
}
.bcrlist:not(:last-of-type)::after {
  content: ">"; /* 区切り文字 */
  margin: 0 .6em; /* 区切り文字の左右の余白 */
}

.bcrlist a{
color:#0000DD;
text-decoration: none;
}

.navi {
color:#78BEDF;
font-size:10px;
text-align:left;
width:450px;
margin-top:15px;
margin-bottom:0px;
margin-right:0px;
padding-left:32px;
padding-right:0px;
}
.navi a {
font-size:10px;
color:#78BEDF;
}
.navi a:hover{
font-size:10px;
color:#78BEDF;
text-decoration: none;
}