<style>



/*--------------- フォント ---------------*/
@import url('https://fonts.googleapis.com/css?family=Anaheim|Meera+Inimai');
@font-face
{
font-family: "小夏";
src: url('https://cdn.leafscape.be/Konatu/Konatu_web.woff2')format("woff2");
}

/*--------------- 初期値 ---------------*/
*{ margin: 0; padding: 0; box-sizing: border-box;}
body{
color: #13332e;
font-size: 12px;
font-family: 'Meera Inimai', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif;
line-height: 2em;
letter-spacing: 1.9px;
word-break:break-all;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
img{ max-width: 100%;}
a{
text-decoration: none;
color: #13332e;
}
a:hover{
color: #00a88f;
}

/*--------------- レイアウト ---------------*/
#wrap,section{
width: 400px;
max-width: 85%

;
margin: 80px auto 0;
}
#wrap{ text-align: center;}
.rank{
font-size: 10px;
line-height: 1.6em;
background-color: #8fccc3;
border-radius: 5px;
margin: 2em 0 0;
padding: 0.5em;
}
.rank a{
display: inline-block;
padding: 2px;
}
.back, footer{
text-align: center;
margin: 1em 0;
}
/*--------------- メニュー ---------------*/
nav{ margin: 3em 0 0;}
nav a{
display: inline-block;
color: #13332e;
border-bottom: 1px solid transparent;
margin: 0 0.7em;
padding: 0 1px;
}
nav a:hover{ border-bottom: 1px solid #00a88f;}

/*--------------- 見出し、文字 ---------------*/
h1,h2,h3,.sub{ font-family: 'Meera Inimai', "小夏", sans-serif;}
.sub{
display: block;
height: 12px;
color: #4eccb9;
font-size: 10px;
font-weight: normal;
line-height: 12px;
background: linear-gradient(#fff 5px, #111 5px, #fff 6px);

}
.sub span{
background-color: #fff;
padding: 0 0.5em;
}
h2{
text-align: center;
margin: 0 0 40px;
}
h3{ margin: 30px 0 5px;}
h3:before {
  content: url("http://icooon-mono.com/i/icon_14818/icon_148180_16.jpg");
}

/*--------------- 装飾 ---------------*/
.box{
background: #8fccc3;
padding: 0.5em 1em;
border-radius: 5px;
}

.box2{
background: #ffffff;
padding: 0.5em 1em;
border-radius: 10px;
}

hr{
border: none;
height: 1px;
border-top: 1px solid #13332e;
}
</style>
