/*--------------- フォント ---------------*/
@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{
font-size: 12px;
font-family: 'Meera Inimai', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif;
line-height: 1.5em;
letter-spacing: 1.3px;
word-break:break-all;
-webkit-tap-highlight-color:rgba(0,0,0,0);}

img{ max-width: 100%;}

a{
background: #90ee90;
color: #663333;}
a:hover{
background: #663333;
color: #90ee90;}

/*--------------- レイアウト ---------------*/
#wrap,section{
width: 400px;
max-width: 85%
;
margin: 50px auto 50px;
}
#wrap{ text-align: center;}
.rank{
font-size: 12px;
line-height: 1.6em;
background-color: #f3f3f3;
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;}


/*--------------- 見出し、文字 ---------------*/
h1,h2,h3,.sub{ font-family: 'Meera Inimai', "小夏", sans-serif;}
.sub{
display: block;
height: 12px;
color: #000000;
font-size: 12px;
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: " ";
display: inline-block;
width: 10px;
height: 10px;
-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
background-color: #c5c0c1;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #fff), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#fff 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#fff 50%, transparent 50%, transparent);
background-image: linear-gradient(#fff 50%, transparent 50%, transparent);
margin: 0 0.3em 0 0;
}
mark{
text-decoration: underline;
background-color: transparent;
padding: 0 2px;
}

/*--------------- 装飾 ---------------*/
.box{
background: #ffffff;
padding: 0.5em 1em;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;}

.box2{
background: #f5deb3;
padding: 0.25em 0.5em;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;}

hr{
border: none;
height: 1px;
border-top: 1px solid #111;
}