.top{
 position: relative;
 display: inline-block;
 font-weight: bold;
 padding: 0.5em;
 text-decoration: none;
 color: #fff;
 background: #334466;
 border-radius: 20px;
 transition: .4s;
}
.top a{
color:#EAF4FC;
font-family: 'Poiret One', cursive;
}

 .top:hover {
 background: #00bcd4;
 border-radius: 20px;
 color: white; 
}

.long li:nth-child(even){
font-family: 'M PLUS 1p', sans-serif;
list-style: none;
color:#0F2350;
font-size:11px;
}

.long li:nth-child(odd){
font-family: 'Noto Serif JP', serif;
  color: #004C71;
}
.long li a:nth-child(odd){
font-family: 'Noto Serif JP', serif;
font-size:13px;
color: #004C71;
border-bottom: 1px dashed #334466;
}

h4{
color:#1E50A2;
font-family: 'Noto Serif JP', serif;
}

.title{
background-color:#334466;
width:100%;
color:#EAF4FC;
padding-left: 5px;
font-family: 'Poiret One', cursive;
}

footer{
font-family: 'Abril Fatface', cursive;
text-decolation:none;
color:#00558F;
}

p.nav-bottom{
color:#004C71;
font-family: 'Noto Serif JP', serif;
}

p.nav-bottom a{
color:#84A2D4;
font-family: 'Noto Serif JP', serif;
text-decolation:none;
}

p.nav-bottom a:visited{
color:#008899;
font-family: 'Noto Serif JP', serif;
text-decplation:none;
}

ul.mokuzi li a{
font-family: 'M PLUS 1p', sans-serif;
list-style: none;
color:#84A2D4;

}

ul.mokuzi li a:visited{
font-family: 'M PLUS 1p', sans-serif;
list-style: none;
color:#1E50A2;

}

.mokuzi{
    list-style:  none; 
    margin:  0;        
    padding: 0;  
}
.mokuzi li:before {
    content:  "\2745";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    color:#89C3ED;
   position:0.4em
}

p.honbun{
font-family: 'Noto Serif JP', serif;
color:#250D00
}