<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: "はんなり明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", 'Alegreya', "ＭＳ Ｐ明朝", "ＭＳ 明朝", 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;}
#wrp{
margin: 0 auto;
max-width: 600px;
padding: 45px 2.5% 0 2.5%;
}

#txt{
font-size:13px;
margin-bottom:10px;
padding:20px 15px 15px 15px;
background:#fff;
border:#efefef double 4px;
border-radius:4px;
}

#atg{
font-size:11px;
padding-top:15px;
color:#aaa;
border-top:#efefef solid 1px;
}

#bx{
margin:0 auto;
padding:15px 15px 10px 15px;
background:#fff;
border:#efefef double 4px;
border-radius:4px;
text-align:center;
}

#ttl{
font-size:17px;
margin:0 0 -8px 0;
}

#dtl{
font-size:10px;
padding-top:8px;
color:#aaa;
border-top:#efefef solid 1px;
}

a{
padding:3px 6px 2px 9px;
color: #fff;
background:#F77286;
border-radius:30px;
text-decoration: none;
-webkit-transition:all .4s;
transition:all.4s;
}

a:hover{background:#204DE3;}

@media screen and (min-width:480px) { 
#txt{
font-size:14px;
padding:20px 25px 15px 25px;
}

#atg{font-size:12px;}

#bx{
margin:0 auto;
padding:10px 15px;
background:#fff;
border:#efefef double 4px;
border-radius:4px;
text-align:center;
vertical-align:middle;
display:table;
}

#ttl{
font-size:20px;
margin:0;
padding-right:15px;
vertical-align:middle;
display:table-cell;
}

#dtl{
font-size:11px;
padding:0 0 0 15px;
width:50%;
color:#aaa;
border-left:#efefef solid 1px;
border-top:none;
vertical-align:middle;
text-align:left;
display:table-cell;
}
}
</style>