<link href='https://fonts.googleapis.com/css?family=Actor ' rel='stylesheet' type='text/css'>
<style type="text/css">

@font-face
{
font-family: ロゴたいぷゴシック;
src: url('https://cdn.leafscape.be/logotype/logotype_web.woff2')
     format("woff2");
}

body{
font-family: 'Actor',"メイリオ", sans-serif;
font-size:11px;
letter-spacing: 2.1px;
line-height: 1.85;
margin: 0;
padding: 0;
text-align:justify;
word-break:break-all;
}

#wrp{
margin: 0 auto;
max-width: 600px;
padding: 45px 5% 0 5%;
}

#txt{
font-size:13px;
margin-bottom:30px;
padding:20px;
background:#fff;
border:#efefef double 4px;
border-radius:4px;
}

#atg{
font-size:12px;
padding-top:15px;
color:#aaa;
border-top:#efefef solid 1px;
}

#bx{
margin:0 auto;
padding:20px 15px 15px 15px;
background:#fff;
border:#efefef double 4px;
border-radius:4px;
text-align:center;
}

#ttl{
font-family: 'ロゴたいぷゴシック',"メイリオ", sans-serif;
font-size:15px;
margin:0;
}

#dtl{
font-size:10px;
padding-top:15px;
color:#aaa;
border-top:#efefef solid 1px;
}

a{
padding:3px 7px 1px 9px;
color: #fff;
background:#F77286;
border-radius:30px;
text-decoration: none;
-webkit-transition:all .4s;
transition:all.4s;
display:inline-block;
}

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:20px 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:20px;
vertical-align:middle;
display:table-cell;
}

#dtl{
font-size:11px;
padding:0 0 0 20px;
width:50%;
color:#aaa;
border-left:#efefef solid 1px;
border-top:none;
vertical-align:middle;
text-align:left;
display:table-cell;
}
}

</style>