<link href='https://fonts.googleapis.com/css?family=Josefin+Sans:600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
@font-face
{
font-family: はんなり明朝;
src: url('https://cdn.leafscape.be/hannari/hannari_web.woff')
     format("woff");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
-------------------------------------------------*/

body{
font-family: 'Josefin Sans', "メイリオ",sans-serif;
font-size: 12px;
letter-spacing: 2px;
line-height: 1.7;
margin: 0;
padding: 0;
width:100%;
text-align:center;
overflow-x:hidden;
word-break:break-all;
}

.mn{
font-size:12px;
margin:10px auto 13px auto;
}

.mn a{
margin:0;
color:#333;
display:inline-block;
}

#rank{font-size:10px;}

#wrp{
font-size:11px;
padding:30px 0 8px 0;
}

#wrp2{
font-size:12px;
margin:0 auto;
padding:45px 30px 8px 30px;
max-width:400px;
text-align:left;
}

#topline{
width:50%;
height:50px;
border-right:#333 solid 1px;
}

#topmark{
margin:0 0 0 1px;
line-height:1;
letter-spacing:0;
}

h1{
font-size:30px;
font-family: はんなり明朝,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:0 auto;
width:1em;
line-height:1;
font-weight:400;
}

h2 .fa-moon-o{font-size:15px;}

h2{
font-size:13.5px;
margin:0 0 4px -1024px;
padding:0 0 5px 1024px;
width:80%;
border-bottom:#333 solid 1px;
font-weight:400;
line-height:1;
display:block;
}

h3{
font-size:13px;
border-top: 1px solid #333;
margin:9px 0 0;
text-align:center;
padding:0;
height:10px;
letter-spacing:0;
font-weight:400;
}

h3 span {
position: relative;
top: -9px;
padding: 0 5px;
background:#fff;
}

h3 a{color:#333;}

mark{
margin:4px 10px 7px 0;
padding:7px 5px 3px 7px;
color:#333;
background:none;
border:#333 solid 1px;
font-weight:400;
line-height:1;
display:inline-block;
}

.st{
border-bottom:#e5e5e5 solid 1px;
}

.section{
margin:35px auto 20px auto;
width:55px;
height:8px;
border-top:#333 solid 1px;
border-bottom:#333 solid 1px;
}

a{text-decoration:none;}

a:hover{opacity:.5;}

select,input[type],textarea{
font-family: 'Josefin Sans', "メイリオ",sans-serif;
font-size:12px;
height:auto;
margin:5px 0;
padding:3px 5px;
background:#E8E8E8;
color:#333;
border:none;
border-radius:0;
letter-spacing:1px;
line-height: 1.5;
box-shadow:none;
outline:none;
vertical-align:middle;
}

input[type=text]{
margin-right:5px;
width:150px;
}

input[type=submit]{
width:auto;
cursor:pointer;
}

textarea{
width:85%;
height:8em;
}

::selection {background: #333; color: #fff;}

::-moz-selection {background: #333; color: #fff;}
</style>